刚来公司,被迫接收了一个前端任务(从未写过前端的我哭了),顶着头皮硬上,结果一运行就出现了跨域请求的问题,本着自己的事自己做的原则,我努力查找了半天,终于解决了,下面记录一下解决办法
1、出现的问题
XMLHttpRequest cannot load http://localhost:9090/. No 'Access-Control-Allow-Origin'
header is present on the requested resource.
Origin 'h(index):1ttp://localhost:8081' is therefore not allowedaccess.
从上面可以很明显地看出这是出现了跨域请求的问题了,下面就来讲一下怎么解决
2、解决办法
1)首先,需要在index.js中进行我们的属性配置(即添加我们的代理(proxy),用来解决跨域问题)
添加如下内容
module.exports={
dev:{
proxyTable:{'/api':{
target:'http://****:9090',
changeOrigin:true,
pathRewrite:{'^/api':'/api'//这种接口配置出来的就是:http://****:9090/api/login//'^/api':'/' //这种接口配置出来的是:http://****:9090/login}}}}}
2)需要在dev.env.js中将我们的代理接口添加进去
module.exports=merge(pridEnv,{NODE_ENV:'"development"',API:'"/api"'}
上述配置后,我们就成功解决了跨域请求问题了