在使用vue-cli2或者vue-cli3打包vue项目发布到Nginx实现访问的代理的时候,会出现一些问题,需要在vue打包的时修改一下配置即可
一、vue打包配置并通过nginx访问子目录
在vue-cli打包发布到nginx的时候,如果没有配置打包的路径,那么就不能发布在nginx的子目录下,只能发布到根路径,就是说:
http://localhost/demo/index.html
---- 这样是不能直接访问
http://localhost/index.html
— 只能这样访问
就是说只能在nginx/html/ 下放置vue打包之后的 static/ 和index.html,不能在nginx/html/ 下放置/demo 这样的目录。
解决方案:
1. vue-cli2的项目中:
在config/index.js
中,找到build
模块,修改配置:
// config/index.js
build: {
index: path.resolve