vue.config.js配置跨域

在Vue项目中，可以通过配置vue.config.js文件来解决跨域问题。在该文件中，可以使用devServer属性来配置代理。具体的配置如下所示：

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://iwenwiki.com',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api/FingerUnion/list.php': ''
}
}
}
}
}

这段代码的作用是将以/api开头的请求代理到'http://iwenwiki.com'这个地址上。同时，还可以通过pathRewrite属性来重写请求路径，将'/api/FingerUnion/list.php'重写为''，这样在发送请求时就可以直接使用'/api/FingerUnion/list.php'。

另外，如果在vue.config.js文件中没有找到devServer属性，可以手动添加该属性，并按照上述代码进行配置。这样就可以解决Vue项目中的跨域问题了。
#### 引用[.reference_title]
- *1* *3* [vue.config.js跨域配置](https://blog.csdn.net/silbier/article/details/129724999)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue项目 跨域 解决方案与 vue.config.js 配置解析](https://blog.csdn.net/qq_41809113/article/details/121776552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]