如何在vue项目中配置跨域请求

qqsocialism61450 14 0 md 2023-06-20 16:06:01

当你的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’即可。

用户评论
请输入评论内容
评分:
暂无评论