vue中解决跨域问题

Posted 2020-11-28 wszzj

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

在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‘

时间关系，先写这么多