Vue路由模式为history的项目部署到Nginx
描述:想把vue且路由模式为history的项目部署到Nginx
前置条件:router.js中base路径为/abc/efg 即在网页中的路径http://localhost:port/abc/efg
解决:
-
在打包配置文件中加入
module.export = { baseURL: '/abc/efg' }
-
在Nginx的default.conf文件中配置
server { location / { root /usr/share/nginx/html; index index.html index.htm; //在vue官方文档中,history模式主要添加下面这句话即可 try_files $uri $uri/ /index.html; } }