Vue - 部署到nginx

1、config/index.js 中，找到 build 里的 assetsPublicPath，确认或修改其内容为 ‘/’ ，这样生成的 index.html 中资源是从 /static/xxx 里开始找的。

assetsPublicPath: '/'

2、修改路由为history模式，可以去掉路由路径里的#。
在 router/index.js 中 Router配置的第一行添加：

mode: 'history'

3、修改 nginx 的配置文件，将项目打包生成的dist文件夹放到 /home/项目名 下，然后添加以下配置：

root	/home/项目名/dist;

location / {
	try_files $uri $uri/ /index.html;
}

4、启动或重新加载 nginx。
启动：

cd /usr/local/nginx/sbin/
./nginx

或重新加载配置：

cd /usr/local/nginx/sbin/
./nginx -s reload

5、配置防火墙规则。

# 添加80端口
firewall-cmd --add-port=80/tcp --permanent
# 重启防火墙
firewall-cmd --reload