IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue项目配置代理服务器,解决接口跨域问题 -> 正文阅读

[JavaScript知识库]vue项目配置代理服务器,解决接口跨域问题

先说明一下vue项目中,config文件夹中的文件?

1、dev.env.js 这个文件是dev本地环境中的配置

2、prod.env.js 这儿文件是生产环境的配置

配置代理服务器我们需要首先改动config中的index.js文件

?添加proxyTable对象

proxyTable: {

? ? ? '/apiz': {// 匹配所有以 '/api1'开头的请求路径

? ? ? ? target: 'https://*********.com',// 代理目标的基础路径,你要跨域请求的地址

? ? ? ? changeOrigin: true,

? ? ? ? pathRewrite: {

? ? ? ? ? '^/apiz': '' //路径重写

? ? ? ? }

? ? ? }

? ? }

在接口地址前面加上/apiz,代理服务器就会识别到并把接口请求地址改成target中的地址?

以上是配置的vue项目中的代理服务器,限于在本地项目中使用跨域请求。

如果将vue项目npm run build打包,项目中配置的代理服务器将不会被一块打包。?

如要在生产环境中部署项目或配置代理服务器解决跨域问题,下载nginx配置代理服务器即可。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-04 01:02:48  更:2022-09-04 01:04:02 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:59:59-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码