vue生产环境跨域不生效

时间：2023-04-07 15:00:55浏览次数：43

标签：vue 跨域传送门代理 api 生效 vite

vue生产环境跨域不生效

开发环境跨域

项目集成了百度地图的api，在接入ip查询地址等功能时返回跨域报错，所以使用vite配置文件配置服务代理来解决。传送门

生成环境失效

测试跟我说内网功能失效了，在验证了程序确实build到最新版本之后，使用f12发现了api访问的地址并没有代理到百度地图api，而是在localhost下，看来是vite的代理失效了（vite在vue内容打包之后当然不存在）。

解决方法

在nginx上面配置proxy_pass来代理
传送门
 传送门

标签：vue,跨域,传送门,代理,api,生效,vite
From： https://www.cnblogs.com/benjianzou/p/17296186.html

免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书接前端开发，带徒弟，一对一教学，远程协助，bug修改微信：......
VUE - 自定义字体
VUE-自定义字体文中以HYAlzheimer.ttf字体为例1. 下载字体，复制到项目中assets/font文件夹下创建 font.css 文件@font-face{font-family:'HY';src:url('HYAlzheimer.ttf');/*font-weight:normal;font-style:normal;*/} 全文......
Vue3.0学习二
组合式API：setup在beforecreate之前就执行了。import{ ref,toRefs, toRef,h}from'vue'export default {props:{name:{type:String}},//setup中使用props中的数据setup(props,context){//propsconsole.log(prop......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。1创建vue项目所需外部环境nodenpm vue/cli脚手架官网下载node.js直接下一步下一步即可，管理员打开cmd执行node-v正确返回版本如何升级......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接https://github.com/501351981/vue-office 功能特色一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了简单：只需提供文档的src(网络地址)即可完成文档预览体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态安装#docx文档预览组件......
Vue中axios请求后res返回204，no content，res.data为undefind
一直以为后台只要返回200-299之间的状态码就没问题，就是这个错误认知，花了三个小时终于想到解决办法附上axios 地址 axios中文文档|axios中文网|axios(axios-js.com)前面一直想着后台能接收处理请求，肯定不是后台问题，一直花时间配置前端请求指令，以及设置响应拦截器查看情况......
使用vue2从零开始搭建自己的组件库（完整版）
前言在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm......
vue3.0和2.0的区别
Vue.js是一个渐进式JavaScript框架，Vue.js3.0相比于2.0有以下区别:更快：Vue.js3.0的渲染速度比2.0快了近30%。更小：Vue.js3.0的体积比2.0小了41%。更易维护：Vue.js3.0的代码结构更加清晰，更易于维护。更易于原生：Vue.js3.0的内部实现更加接近原生JavaScript，使得开发者更容易理......
VSCode自建vue示例模板
步骤打开File->Preferences->ConfigureUserSnippets选择NewGlobalSnippetsfile...输入名字（自定义），填入以下内容，注意修改vue.js路径{"Printtoconsole":{"prefix":"vue","body":["<scrip......
代理跨域
前后端分离使用后端接口时需要配置代理跨域，通常在vue.config.js中配置，详细信息可在浏览器搜索webpack中的devServer进行借鉴devServer:{port:port,open:true,overlay:{warnings:false,errors:true},//配置代理跨域proxy:{......

vue生产环境跨域不生效

vue生产环境跨域不生效

开发环境跨域

生成环境失效

解决方法

相关文章

赞助商

阅读排行