本身nginx很方便, 但是有些项目是工程化的, 比如vue打包后,项目是绝对路径的模式, 这样就找不到路径,报错了。
以vue为例子:
vue 2.0cli
1: 找到config/index.js 修改
assetsPublicPath的value, 假设区分的路径是'test', 比如项目的地址是mysy.vip/test/
。
我们等下以baseUrl作为这个路径
var baseUrl = '/test/'
然后找到router,
2: history模式的话,路径都是绝对的, 如果多个项目, 会冲突, 所以,需要加个base路径, 再 vue Router里面提供了一个base的属性, base: baseUrl
3: 修改nginx
location /test/ {
alias /路径/; # 记得最后加个斜杆,root的话就不用 root /路径;
try_files $uri $uri/ @router;
index index.html;
}
4: 重启
nginx -s stop
nginx
--END--