nginx部署vue以及跳坑~

列举几种部署方式:

如果vue的路径是默认hash则不会出现history方式的404错误,这里先不说了;

以下均为vue路由mode=history方式:

1.最简单的方式:

将vue打包生成的dist中的static和index.html放到nginx的html包下;

location / {
       root html;
	   try_files $uri $uri/ /index.html;
}

2.vue添加basepath=admin后方式(同样放到html文件夹):

location /admin {
       root html;
	   try_files $uri $uri/ /index.html;
}

3.vue添加basepath=admin后方式(放到非html根目录,比如放到了/ceshi/dist):

location /admin {
       root ceshi/dist;
	   try_files $uri $uri/ /index.html;
}

并且需要更改config文件夹下index.js,修改  assetsPublicPath: '/'为  assetsPublicPath: '/admin/';

4.摘自脚本之家(其实跟3一样,就是root和alias的选择):

1、修改config/index.js

 

2、修改路由route/index

 

3、后台配置nginx