| |
|
开发:
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项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |