您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页vue-一个域名多个项目的nginx配置

vue-一个域名多个项目的nginx配置

来源:二三娱乐

本身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--

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务