vue打包问题

因为联调时候跨域,在vue.config.js 使用了跨域代理有

devServer:{

proxy:'跨域ip'

}

于是打包出去会出现问题啦,看到请求的url出现了问题

!!!解决:

根目录下新建两个文件   

.env.production //生产环境

.env.development //开发环境

在两个文件中定义变量和请求ip(以下是开发环境)

于是在使用的页面中直接使用即可,打印出来就可以看到

于是拼接url就可以,请求url为:

process.env.VUE_APP_BASE_API+"/api"

这样便实现开发联调和打包的问题

另外vue-cli的url带#/问题

是因为在哈希模式下:

打包时候将mode:hash改为mode:history即可,但是要提醒后台进行url重定向

不过开发模式下改了就看不到页面 ,所以开发时候要是哈希模式

还有打包时候publicPath要是相对路径./

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值