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

以下部署为本地部署:

1.下载安装nginx

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


vue项目如何在nginx服务器上部署_第1张图片

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


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


vue项目如何在nginx服务器上部署_第2张图片

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

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


vue项目如何在nginx服务器上部署_第3张图片

你可能感兴趣的:(vue项目如何在nginx服务器上部署)