在开发vue项目本地开发过程中如何进行接口的调用,进行跨域设置。一般通过nginx、或者npm来进行跨域的配置。直接用Vue框架搭建的项目是可以在项目内配置跨域的。
项目config目录下index.js
proxyTable:{} 在括号内添加配置
proxyTable: {
'/ser':{
target:'url',
changeOrigin: true,
pathRewrite: {
'^/ser': ''
}
}
},
url为api 接口路径
调用
src 目录下 main.js进行全局变量的定义
Vue.prototype.HOST="/ser"
this.HOST+"/(接口名称)"