VUE配置多个服务器地址进行跨域请求

最新推荐文章于 2024-08-12 13:22:54 发布

置顶

桐桐家的陈陈

最新推荐文章于 2024-08-12 13:22:54 发布

阅读量6k

点赞数 1

文章标签： vue.js visual studio code es6

本文链接：https://blog.csdn.net/weixin_47953779/article/details/108024941

版权

本文指导如何在Vue项目中配置vue.config.js文件，以实现对多个服务器地址的跨域请求。通过修改配置并使用axios或自定义封装的serve方法，完成API请求设置。完成配置后，需重启项目（yarn serve或npm run serve）。

摘要由CSDN通过智能技术生成

首先配置vue.config.js文件写好所需要的服务器地址

module.exports = {
   
    // 代理服务器
    devServer: {
   
        proxy: {
   
        	 // 配置第一个服务器地址'
            '/api/one': {
    
            	//字段 /api/one 可以自行修改，但是请求数据时，在请求路径上记得要保持一致，请求配置中有写明，请仔细阅读
                target: '',//这里填写服务器地址，后台会给你提供
                changeOrigin: true,//配置接口跨域
                pathRewrite: {