Vue-router history模式下如何使用相对路径进行打包?

作者站长头像
站长
· 阅读数 35

按照Vue-router官网,history路由模式下,publicPath无法使用相对路径,需要router里base配对对应路径/url。但现在项目有个需求是前端打一份包,放在两个路径下:http://111.11.11.1/urlA/http://111.11.11.1/urlB/

前端项目路由模式是history,只打一份包的话只能配置一个base,如何满足这种需求?

尝试过将publicPath和base都配成相对路径的形式,在页面上能拿到js且js路径正确,但是js不执行...

回复
1个回答
avatar
test
2024-06-19

你可以改变一下思路,通过nginx配置来实现试试:打包一份代码,不带baseUrl,部署到两个端口下:localhost:9527localhost:9528然后通过代理转发将localhost/urlA 代理到localhost:9527localhost/urlB代理到localhost:9528,这样就只需要打包一份代码了

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容