公司让用vue重构一个angular项目,需要可以在新旧版本间切换,慢慢过渡到只用新版本 。
查询Nginx配置,得知
想要在同一个域名下部署多个前端项目,通过不同url来区分调用相应前端项目 。
比如:部署项目a,项目b 。想要效果如下 。
浏览器输入:http://localhost:8082/a/,展示项目a 。
浏览器输入:http://localhost:8082/b/,展示项目b 。
【同一个域名下部署多个前端项目,修改vue-cli 环境变量BASE_URL】这样两版共用一个域名,那么这个域名下的cookie等登陆信息就可以共用了,切换版本不用重新登录 。
具体配置
location /a/ {alias html/app/;indexindex.html index.htm;try_files $uri $uri/ /app/index.html;}location /b/ {alias html/pc/;indexindex.html index.htm;try_files $uri $uri/ /pc/index.html;}vue router:相关配置base
- 类型:
string
- 默认值:
"/"
应用的基路径 。例如,如果整个单页应用服务在/app/下,然后base就应该设为"/app/"。
环境变量你可以在你的项目根目录中放置下列文件来指定环境变量:
.env# 在所有的环境中被载入只有
NODE_ENV,BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到
- 春季老年人吃什么养肝?土豆、米饭换着吃
- 三八妇女节节日祝福分享 三八妇女节节日语录
- 老人谨慎!选好你的“第三只脚”
- 校方进行了深刻的反思 青岛一大学生坠亡校方整改校规
- 脸皮厚的人长寿!有这特征的老人最长寿
- 长寿秘诀:记住这10大妙招 100%增寿
- 春季老年人心血管病高发 3条保命要诀
- 眼睛花不花要看四十八 老年人怎样延缓老花眼
- 香槟然能防治老年痴呆症? 一天三杯它人到90不痴呆
- 老人手抖的原因 为什么老人手会抖
