React项目跨域的问题
前端项目有时候请求数据会有跨域现象的出现,当然,最简单的办法就是让后端程序员去搞定,哈哈哈 (其实根本就不是办法)
React项目跨域问题困扰了我好几天,2020-05-01终于解决,劳动节不放假果然有惊喜~
直接来吧,react项目跨域问题的解决方案
1、下载一个代理包
npm install http-proxy-middleware --save
2、在src目录下新建一个setupProxy.js
文件,写如下代码:
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = function(app) {
app.use(createProxyMiddleware('/api/sliderApi',
{
target: "你需要访问的链接",
changeOrigin:true,
pathRewrite: {
"^/api": "/"
},
"secure":true //如果访问的是https类的链接,就需要设置为true
}))
}
3、通过axios
访问数据:
注意访问时连接应该是: