vue-admin-template配置跨域
时间: 2023-08-21 12:10:57 浏览: 155
vue 跨域配置解决方案
在vue-admin-template中配置跨域可以通过修改项目中的配置文件来实现。具体步骤如下:
1. 打开项目根目录下的`config`文件夹,找到`index.js`文件。
2. 在`dev`对象中的`proxyTable`属性中添加一个新的代理配置,例如:
```
proxyTable: {
'/admin': {
target: 'http://www.newpay.com/',
changeOrigin: true,
pathRewrite: {
'^/admin': ''
}
}
}
```
这里的`/admin`是接口的公共部分,`http://www.newpay.com/`是接口的域名和端口号。你可以根据实际情况进行修改。
3. 保存文件并重新启动项目。
这样配置之后,当你在项目中调用接口时,会自动将以`/admin`开头的请求转发到`http://www.newpay.com/`。这样就实现了跨域请求。
#### 引用[.reference_title]
- *1* [使用vue-admin-template 中跨域问题解决](https://blog.csdn.net/weixin_30634661/article/details/95435060)[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* *3* [vue-admin-template 解决跨域问题](https://blog.csdn.net/weixin_43980468/article/details/123714861)[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 ]
阅读全文