在本地查看打包后的项目

我使用的是vue前端框架，nginx服务器；

1、首先在终端输入命令npm  run build,文件中会多一个目录dist

2、在nginx的nginx.conf中配置如下

3、重启nginx

4、在浏览器中输入http://localhost:9000/

在打包后在本地运行会出现如下错误

解决办法如下：

1、修改config里面的index.js,将assetsPublicPath中的'/'替换为'./'或者''

2、重新打包，npm run build；

3、nginx配置如下：

4、重启nginx

5、在浏览器中输入localhttp://localhost:9000/demo/