在Vue2中怎么解决跨域
Vue中怎么解决跨域问题这就是需要用跨域来请求数据的报错第一步:在vue项目中的跟目录下创建一个 vue.config.js ,文件名是固定的,不一样就会报错第二步: 在vue.config.js里边直接复制下面这串代码即可devServer: {host:'0.0.0.0', //可以忽略不写port: 8080,//它是用来修改你打开后的端口号的open: true,//值为 true的话,项
·
Vue中怎么解决跨域问题
协议域名端口相同为同域 否则都为跨域
这就是需要用跨域来请求数据的报错
第一步:在vue项目中的跟目录下创建一个 vue.config.js ,文件名是固定的,不一样就会报错
第二步: 在vue.config.js里边直接复制下面这串代码即可
devServer: {
host:'0.0.0.0', //可以忽略不写
port: 8080,//它是用来修改你打开后的端口号的
open: true,//值为 true的话,项目启动时自动打开到浏览器里边, false不会打开
proxy:{
'/api':{
target:'http://m.sirfang.com/api',//跨域请求的公共地址
ws:false, //也可以忽略不写,不写不会影响跨域
changeOrigin:true, //是否开启跨域,值为 true 就是开启, false 不开启
pathRewrite:{
'^/api':''//注册全局路径, 但是在你请求的时候前面需要加上 /api
}
}
}
},
}
第三步:如果你使用的是axios来请求数据的话,需要现在下载 axios ,它分为全局引入和局部引入,全局是在 main.js 里边引
引入 axios.defaults.baseURL=/api
第四步:在组件中进行请求数据的写法
更多推荐
已为社区贡献1条内容
所有评论(0)