vue配置多代理服务接口地址操作

素颜马尾好姑娘i 2023-01-12 11:48 100阅读 0赞

## 接口地址 ##

*  `http://api.baidu.cn/ReportApi/monthAnalysisReport/monthAnalysisReport/802244685862010880`
 *  直接用get请求返回一个json字符串

## 代理配置 ##

module.exports = { 
    	  // development server port 8000
    	  port: 9999,
    	  https: true,
    	  // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
    	  proxy: { 
    	  	'/api': { 
    	        target: 'http://192.168.0.8:80', 
    	        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
    	        ws: true,
    	        pathRewrite: { 
    	            '^/api': '/'
    	        }
    	    },
    	    '/ReportApi': {  // 自动报告
    	        target: 'http://api.baidu.cn',
    	        changeOrigin: true,
    	        pathRewrite: { 
    	            '^/ReportApi': ''
    	        }
            }
    	}

## 实际请求的接口配置 ##

import axios from 'utils/api.request';
    
    // 获取自动报告h5端的json数据
    export const getAutoPortJsonData = (params, id) => { 
        return axios.request({ 
            url: `/ReportApi/monthAnalysisReport/monthAnalysisReport/${ id}`,
            params,
            isToken: false, // 不需要校验token
            method: 'get'
        });
    };

## 请求结果 ##

![在这里插入图片描述][20210128140518905.png]

[20210128140518905.png]: /images/20221119/779922d775444739bf3ec413fdbd7a44.png

发表评论取消回复

表情：

评论列表（有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot 配置多个请求服务代理

springboot 配置服务代理有时候，我们可能有下边这样的需求： ![这里写图片描述][70] 即，针对于分布式服务，我们会有多种业务接口服务，但是服务

喜欢ヅ旅行/ 2023年10月17日 22:57/ 0 赞/ 15 阅读

相关 vue配置多代理服务接口地址操作

接口地址 `http://api.baidu.cn/ReportApi/monthAnalysisReport/monthAnalysisReport/802244

素颜马尾好姑娘i/ 2023年01月12日 11:48/ 0 赞/ 101 阅读

相关 mockjs（接口服务代理）

mock官网：http://mockjs.com/ 一、搭建一个练习项目 1.利用vue的项目脚手架进行搭建命令： > vue create mock

傷城~/ 2022年12月05日 12:21/ 0 赞/ 302 阅读

相关 vue配置后台请求接口地址的统一前缀

> 请求方式使用的是`axios`，在`main.js`中添加`baseURL` > 在下面配置中加上`axios.defaults.baseURL = 'http://

男娘i/ 2022年11月14日 14:40/ 0 赞/ 870 阅读

相关 vue多代理配置方法

1. 在config文件夹中找到index.js 2. index.js dev配置下的proxyTable中添加 proxyTable:{ '/gr

本是古典何须时尚/ 2022年10月05日 08:58/ 0 赞/ 107 阅读

相关 webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法

webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法前言很久没有更新关于`webpack+vue`的内容了。前面承诺过大家告诉大家如何打

港控/mmm°/ 2022年06月15日 03:58/ 0 赞/ 234 阅读

相关 webpack+vue-cil 中config/index.js/proxyTable配置接口地址代理

[https://www.cnblogs.com/tugenhua0707/p/8052051.html][https_www.cnblogs.com_tugenhua0707

偏执的太偏执、/ 2022年03月06日 10:52/ 0 赞/ 110 阅读

相关 nginx 反向代理配置多个地址的使用

用nginx反向代理一个地址的时候配置只需要对原有的配置文件稍作修改就行，但当配置两个以上地址的时候就需要注意了，首先配置的地址中如果是打开的80端口的时候，地址一定要默认添加

妖狐艹你老母/ 2021年12月16日 08:37/ 0 赞/ 1763 阅读

相关 Vue多环境代理配置方法思路详解

背景：多人协作模式下，修改代理比较麻烦，而且很容易某个开发人员会修改了vue.config.js文件后提交了。第一，很容易引起冲突。第二，很容易出现代理错误，

- 日理万妓/ 2021年11月02日 17:00/ 0 赞/ 281 阅读

相关 Vue项目proxyTable反向代理，开发环境与生产环境下服务接口地址的自动匹配

Vue项目proxyTable反向代理，开发环境与生产环境下服务接口地址的自动匹配应用场景： vue项目中，如果采用了proxyTable反向代理，解决开发环境下的后

淩亂°似流年/ 2021年08月20日 00:16/ 0 赞/ 328 阅读