当前位置: 首页 > news >正文

制作网站作品凡科网建站系统源码

制作网站作品,凡科网建站系统源码,wordpress悬赏插件,大连网站专业制作前言: 在开发中,有可能遇到每部分的功能的需要调用另一台服务器的地址。这个时候就需要设置不同的请求前缀首先代理到不同的服务器地址。 一、axios封装实例以及代理:(不是完整的封装实例,重点在于baseURL的区别) 文件路径&…
前言:

在开发中,有可能遇到每部分的功能的需要调用另一台服务器的地址。这个时候就需要设置不同的请求前缀首先代理到不同的服务器地址。

一、axios封装实例以及代理:(不是完整的封装实例,重点在于baseURL的区别)

文件路径:/CMDB/src/utils/request.js

import axios from 'axios';const defaultConfig = {timeout: 5 * 1000,baseURL:'/api'  // 注意!! 这里是全局统一加上了 '/api' 前缀,也就是说所有接口都会加上'/api'前缀在,页面里面写接口的时候就不要加 '/api'了,否则会出现2个'/api',类似 '/api/api/user'这样的报错,切记!!
};const instance = axios.create(Object.assign({}, defaultConfig));instance.interceptors.request.use(function (config) {...return config;},function (error) {return Promise.reject(error);}
);
instance.interceptors.response.use(function (response) {...},function (error) {...return Promise.reject(error);}
);
export default instance;

代理的时候有两个前缀,根据前缀代理到不同的服务器 (我这里是vite的配置)

server: {host: '0.0.0.0',//tip: when change this, you may need to change src/config either.proxy: {'/api': {// http://192.168.31.53:5173/target: 'http://192.168.31.199:18777/',changeOrigin: true,rewrite: path => path.replace(/^\/api/, '')},'/app': {target: 'http://125.124.5.117:12877/',changeOrigin: true}}
}
二、第一种:请求的时候传入参数覆盖默认的baseUrl
import request from '@/src/utils/request.js'// 获取IP列表 (这个会默认用前缀 '/api')
export const getList = data => {return request({url: '/ipv6/list',method: 'post',data});
};// 获取IP列表  (手动加另一个前缀 '/app')
export const getList = data => {return request({url: '/ipNetin/list',baseURL: '/app', // 这个 baseURL 会覆盖实例中默认的 baseURLmethod: 'post',data});
};

三、第二种:新封装一个axios实例

文件路径:/CMDB/src/utils/preAppRequest.js

import axios from 'axios';const defaultConfig = {timeout: 5 * 1000,baseURL:'/app' 
};const instance = axios.create(Object.assign({}, defaultConfig));instance.interceptors.request.use(function (config) {...return config;},function (error) {return Promise.reject(error);}
);
instance.interceptors.response.use(function (response) {...},function (error) {...return Promise.reject(error);}
);
export default instance;

需要请求到前缀 /api 的服务器的时候 就引入 request 实例

需要请求到前缀 /app 的服务器的时候 就引入 preAppRequest 实例 如:

import request from '@/src/utils/preAppRequest.js'// 获取待办列表
export const getList = data => {return request({url: '/app/vlanNetin/list',method: 'post',data});
};

http://www.tj-hxxt.cn/news/77275.html

相关文章:

  • 东莞做网站最好有哪些公司商品seo关键词优化
  • 白云区建网站公司河南郑州网站推广优化外包
  • 国内免费顶级域名网站江苏网站开发
  • 网站 防采集b2b外贸平台
  • 网站的制作方法如何做推广和引流
  • web前端期末考试网页制作seo快速优化技术
  • 医院网站建设方案ppt地推的60种方法
  • 网站制作费一般多少谷歌广告联盟一个月能赚多少
  • o2o网站建设价格怎么建造自己的网站
  • 网站提交订单付款才跳转怎么做网络流量分析工具
  • 网站建设 教程网络营销的优势是什么
  • 东莞seo站内优化色盲眼中的世界
  • 网站建设制作好评语种子搜索在线 引擎
  • 彩票站自己做网站吗登封网站关键词优化软件
  • 长沙网站制作公司有哪些企业seo如何优化
  • 黄页网站大全在线看免费国外浏览器搜索引擎入口
  • 网站首页html代码的推广普通话奋进新征程演讲稿
  • 学院招生网站建设方案谷歌浏览器下载电脑版
  • 庆阳做网站公司软文推广营销平台
  • 网站型与商城型有什么区别吗佛山网站快速排名提升
  • 外包建网站多少钱智能识别图片
  • 商务网站建设实训报告搜索引擎优化网站排名
  • 建设免费网站模板成都seo学徒
  • 做兼职的那个网站靠谱太原百度网站快速优化
  • 企业网站公示怎么做怎样通过网络销售自己的产品
  • 做网站的 深圳一个自己的网站
  • 一流的邯郸网站建设营销案例分享
  • 电子商务企业有哪些杭州上城区抖音seo有多好
  • wordpress 4.4 优化广州专门做seo的公司
  • 网站开发时间个人网站免费域名和服务器