在本地查看打包后的项目

我使用的是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/

在本地查看打包后的项目




在本地查看打包后的项目