Vue路由模式为history的项目部署到Nginx

Vue路由模式为history的项目部署到Nginx

描述：想把vue且路由模式为history的项目部署到Nginx

前置条件：router.js中base路径为/abc/efg 即在网页中的路径http://localhost:port/abc/efg

解决：

1. 在打包配置文件中加入

   module.export = {
       baseURL: '/abc/efg'
   }
   

2. 在Nginx的default.conf文件中配置

   server {
       location / {
           root   /usr/share/nginx/html;
           index  index.html index.htm;
           //在vue官方文档中，history模式主要添加下面这句话即可
   		try_files $uri $uri/ /index.html;
       }
   }