前言
关于前端跨域问题,大家应该都不陌生,一般都是通过后端配置来解决比较简单。如果后端没有解决,我们如何从前端配置解决跨域问题呢?下面一起来看一下:
前端解决跨域的配置
打开vue.config.js 文件,在里面进行跨域的处理,配置代理就可以解决
如果没有这个文件就自己新建一个
module.exports = {
devServer: {
open: true,
proxy: {
'/api': {
target: 'http://1.xxx.xx.64:5004/api2/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
target里面的就是我们要请求的地址,用/api对其进行代理即可
配置完成之后,需要重启项目,这样跨域问题就能得到解决啦~