Vue 跨域配置
在package.json同级目录下新建文件vue.config.js;内容如下:module.exports = {//自行复制黏贴proxyTable: {'/java':{//以/java开头的地址会被替换成下面的target,/java本身会被重写成下面的pathRewritetarget: 'http://zaxytest.ciih.net/java',// 后台apichangeOri
·
在package.json同级目录下新建文件vue.config.js;内容如下:
module.exports = {
//自行复制黏贴
devServer: {
proxy: {
'/api': {//以/api开头的地址会被替换成下面的target
target: 'http://191.196.21.1:8080/', // 接口真实地址
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': '' //需要rewrite的,
}
}
}
}
};
axios基础路径改为:'/api'
import axios from 'axios'
// 基础路径
axios.defaults.baseURL = '/api'
// 挂载到Vue的原型链上,这样一个组件都可以通过this来访问axios
Vue.prototype.$http = axios
this.$http.post('auth/login', this.loginForm)
接口地址:
http://191.196.21.1:8080/auth/login
最后:也是最重要的一点:重启服务、重启服务、重启服务
更多推荐
已为社区贡献28条内容
所有评论(0)