如何在vue项目中配置跨域请求
当你的vue项目需要请求其他域名下的接口时,可能会遇到跨域问题。这时,你需要在vue.config.js文件中进行相关配置,允许接口与你的项目进行跨域请求。具体的配置方法,可以参考以下步骤:1.在根目录中创建vue.config.js文件;2.在文件中添加以下代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://www.example.com', //接口所在的域名
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': '' //重写api路径
}
}
}
}
}
3.在代码中请求接口时,将请求地址前加上 ‘/api’即可。