希望明天越来|

张尊娟

园龄:5年3个月粉丝:31关注:1

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'

时间关系,先写这么多

本文作者:张尊娟

本文链接:https://www.cnblogs.com/wszzj/p/12912513.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   张尊娟  阅读(227)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起