开发者社区> 磊哥聊Java> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

VueJs生产环境部署

简介:   VueJs为客户端语言,所以部署的时候是不需要基于nodejs或其他服务器运行环境,只需要像其他静态站点的方式发布就可以了,下面介绍一下VueJs具体发布的流程还有需要注意的点。   先来看VueJs最终生成的文件目录:         具体的步骤如下:   1.vue项目根目录/config/index.js更改资源生成路径:     assetsPublicPath:"/项目名/"改为assetsPublicPath:"/"     解决问题:index.html资源访问不到,资源多一级项目名称的路径。
+关注继续查看

  VueJs为客户端语言,所以部署的时候是不需要基于nodejs或其他服务器运行环境,只需要像其他静态站点的方式发布就可以了,下面介绍一下VueJs具体发布的流程还有需要注意的点。

  先来看VueJs最终生成的文件目录:

     

 

具体的步骤如下:

 

1.vue项目根目录/config/index.js更改资源生成路径:

 

  assetsPublicPath:"/项目名/"改为assetsPublicPath:"/"

 

  解决问题:index.html资源访问不到,资源多一级项目名称的路径。

 

2.使用 npm run build 命令生成站点,站点为根目录下的dist文件;

 

3.解决站点刷新时404的问题;

 

  到这个步骤的时候站点已经能正常访问了,到时不能F5刷新,刷新的时候回报404,仔细观察命令会发现,路径已经变成咱们vue路由里面设置的“虚路径”了,所以肯定会404,这个时候需要在运行服务器上进行设置,把访问不到的路径都指向index.html,这个时候站点就支出刷新了,比如我如果是使用nginx做代理,配置:

 

location / {


  try_files $uri $uri/ /index.html;


}

  

更多的服务器配置点击:https://github.com/vuejs/vue-router/blob/dev/docs/zh-cn/essentials/history-mode.md

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
全栈开发之前、后端服务部署:Nginx源码安装,反向代理,静态资源服务,生产环境跨域,负载均衡
全栈开发之前、后端服务部署:Nginx源码安装,反向代理,静态资源服务,生产环境跨域,负载均衡
67 0
阿里巴巴NACOS(3)- 部署Nacos的生产集群环境
上一篇文章介绍了如何在Spring Cloud中使用Nacos,让我感觉是无缝支持Spring Cloud,可惜的是阿里云的MSE暂时只支持Nacos的服务注册和发现,配置中心还是需要用阿里云的ACM来完成,本文将介绍如何部署Nacos的生产集群环境。
11246 0
部署RoR生产环境到阿里云ECS (一)
关于如何在阿里云ECS(Ubuntu16.04)上部署RubyonRails的一些心得,希望分享给更多的rubyist知道; 本文讨论的是如何在阿里云上部署rails生产环境; 首先ECS创建的时候阿里云会一个root账号和一个管理员密码,ssh root@ip_address(公网) 配以密码不是特别方便,建议在本机电脑上创建一对公钥私钥,并且把公钥上传到阿里云的ESC服务器,可以参考我的openssh讨论。
1263 0
在生产环境中使用 NODEJS 一年记
本文讲的是在生产环境中使用 NODEJS 一年记,本文是「我为什么弃 Python 从 Node.js」一文的续集。一年多前,我因为对 Python 的挫败,还想解释为什么转而尝试 Node ,故写下那篇文章。
1368 0
如何在生产环境运行容器
本文讲的是如何在生产环境运行容器【编者的话】Vivek Juneja是一名工作首尔的云服务工程师。他从2008年就开始接触云服务,是最早的AWS和Eucalyptus的使用者。本文中总结了在生产环境中使用容器的几个方面,特别是对虚拟机与容器的混合部署的观点很值得推荐给大家。
1636 0
+关注
磊哥聊Java
是非审之于己,毁誉听之于人,得失安之于数。欢迎关注我的公众号「Java中文社群」
文章
问答
文章排行榜
最热
最新
相关电子书
更多
React在大型后台管理项目中的工程实践
立即下载
React在大型后台管理项目中的工程实践
立即下载
云原生环境下的安全开发
立即下载