记录:axios,跨域修改配置

原创 15155102848 随笔 项目遇到问题 361阅读 2018-08-22 11:26:57 举报

根据axios,进行跨域请求

axios自行 npm 并在main.js引入

1.config文件下的index.js文件配置
proxyTable {
'/api': {
target: '',// 你请求的地址
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}

2.在main.js里面 配置
Vue.prototype.$ajax = axios//$ajax 定义在vue的使用

axios.defaults.baseURL = '/api'//这里的api指的就是proxy 里面的target

axios.defaults.headers.post['Content-Type'] = 'application/json'

3.在你的vue文件进行请求
this.$ajax({//$ajax 是在main.js里面定义的 所以这里要用这个 其他und
method: 'post',
url: '',//这里拼接api的路径
data: this.ruleForm//post时候的值
}).then(function (response) {
console.log(response)
}).catch(function (error) {
console.log(error)
})

最后 配置完以后 一定要重新 npm run dev

评论 ( 7 )
最新评论
lawrence 5F 2018-08-24 23:17:58 7F

你们平时加班多么

lawrence 4F 2018-08-24 23:16:16 6F

你们公司几个前端啊?

15155102848 3F 2018-08-24 14:28:21 5F

react学习过 但是没有完成跑过一个项目,附一个链接,里面说的挺好链接标题

15155102848 3F 2018-08-24 14:26:38 4F

公司用啥 你用啥

lawrence 2F 2018-08-24 11:30:05 3F

你用vue多久了啊?为啥不用react?

15155102848 1F 2018-08-23 18:37:00 2F

现在,就是万花丛中过,片叶不沾身

lawrence 2018-08-23 03:24:48 1F

前端框架真多啊