首页 > 其他 > 详细

vue项目如何在nginx服务器上部署

时间:2021-04-08 10:20:21      阅读:16      评论:0      收藏:0      [点我收藏+]

以下部署为本地部署:

1.下载安装nginx

2.修改路径:找到config下面的index.js文件,将assetsPublicPath修改为./

 

技术分享图片

3.打包vue项目:npm run build,在dist文件下会生成static文件和index.js文件

 

技术分享图片

4.修改nginx的访问路径,指定端口和访问路径

 

技术分享图片

5.重启nginx服务,访问localhost,即可访问到项目

6.解决font-awesome图标访问不到的问题:找到build下webpack.base.conf.js文件,找到如下配置,将options注销掉

 

技术分享图片

vue项目如何在nginx服务器上部署

原文:https://www.cnblogs.com/alexliuzw/p/14630285.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!