vue配合nginx打包路径层问题

Posted 2023-03-09

参考技术A 1、需求是访问地址增加一层路径比如：(增加一层路径为customfile)

之前：http:xxxx/login

要求：http:xxxx/customfile/login  其中filename属于ng配置时的一层文件夹

解决：

1、vue项目的webpack配置不同版本有区别大致修改的地方为：

assetPublicPath: '/customfile'

或

public: '/customfile'

2、修改router.js路由模式为： mode:'history', base:'/customfile'

3、nginx配置修改：

    location /customfile

          alias /data/xxxx/xxx/customfile/dist; // 这里是服务器资源路径

          try_files $uri $uri/ /customfile/index.html;

          index index.html;