vue 解决项目接口跨域,线上域名与本地开发域名不一样的问题

在本地开发的时候,调用接口,出现跨域的问题,后台也能给解决,但是可以在vue项目里面的

config文件夹里面的index.js里进行配置,本地访问无压力

如果是以api开头的请求,会转到定义的地址上来。调用的时候直接'api'+'接口名'

但是在生产环境下,域名也都变了,我们还要手动配置或更改这些地址比较麻烦,可以前端这边简单配置,就可以自动获取当前域名,给替换掉

具体配置
在项目中找到以下两个文件:

config/dev.env.js  和  config/prod.env.js

在config/dev.env.js文件中加入一行代码:BASE_API: '"//ku.bbtyun.com"'


       

在config/prod.env.js文件中加入一行代码: BASE_API: '"//ku.bbtyun.com"'


       

在src/main.js文件中配置全局变量(挂在vue原型上)
    process.env是一个全局变量,能够判断当前环境。

    

使用

 BASE_URL       ku_api前面自动加上配置的域名

猜你喜欢

转载自www.cnblogs.com/majuan/p/12619758.html
今日推荐