vue中解决跨域问题

之前的接口不能用了,临时找了个聚合的接口,发现一直调用不出来,试了好久好久,自我怀疑,自我否定又走一波,最后发现是跨域问题,问了朋友最后弄好了,把自己的一知半解写下来吧,防止以后遗忘。

在config.js文件下写下面的代码(没有config.js找vue.config.js也行)

module.exports = {
	publicPath:'',
	devServer: {
		// 解决跨域问题
		proxy:{
			'/api': {
				target: 'http://v.juhe.cn/toutiao/index',
				pathRewrite:{
					'^/api':''  //api前面的内容为空
				}
		}
		}
	}
}

main.js中之前的缩写要关掉

// 引入接口方法
import axios from 'axios'
Vue.prototype.axios=axios
// 接口缩写
// axios.defaults.baseURL='/api'

最后应用如下

// 引入接口方法
import axios from 'axios'
Vue.prototype.axios=axios
// 接口缩写
// axios.defaults.baseURL='/api'

时间关系,先写这么多

posted @ 2020-05-18 19:15  张尊娟  阅读(225)  评论(0编辑  收藏  举报