跨域的环境变量

最新推荐文章于 2024-05-24 13:39:19 发布
最新推荐文章于 2024-05-24 13:39:19 发布
阅读量195 收藏
点赞数 1
分类专栏： 新手专用 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63579165/article/details/128267063
版权

我们只需要在src根目录下创建.env.development和.env.production即可不需要后缀

.env.development

开发的生产变量  在使用npm run serve  时自动变更当前环境的值

注释符是#按ctrl+/是没用的

prot=798

VUE_APP_BASE_URL="代理基准地址路径"

VUE_APP_BASE_API="和基地址的代理对应"

.env.production

生产环境的变量，在使用npm run build打包命令时才会自动变更当前的环境

prot=798

VUE_APP_BASE_URL="代理基准地址路径"

VUE_APP_BASE_API="和基地址的代理对应"

总之我们在不同的环境中设置了不同的值，后续我们还会在部署的时候，去配置该值的对应代理，指向那个地址完全由我们自己去决定，不会发生冲突

使用时我们不需要引入只需要定义常量cost 一个值去获取开发环境和生产环境的变量即可

清衿鱼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
linux添加anaconda环境变量,Anaconda3配置环境变量
weixin_39620629的博客
05-04 2155
有时候在win10安装好Anaconda3后，使用conda命令时依然会出现：C:\Users\dell\PycharmProjects\pytorch>conda list'conda' 不是内部或外部命令，也不是可运行的程序或批处理文件。这样的情况大部分时因为在安装的时候，没有将anaconda命令加入到系统的环境变量中。与LINUX类似，WINDOW系统设置环境变量也很简单，在我的电脑...
js 数据存储和DOM编程
12-09
由于局部变量处于作用域的起始位置，因此访问速度比访问跨域作用域变量(即除起始位置之外的外层作用域变量)更快。即变量处在作用域的位置越深，访问速度越慢。这也就说明，访问全局变量的速度是最慢的。 总的来说，...
VITE+VUE3 跨域环境变量配置
xm2395939的博客
06-06 1505
VITE+VUE3 跨域环境变量配置
vite配置跨域和环境变量
weixin_49455560的博客
09-22 777
1.新建.env.development文件和.env.production文件。在vite.config.ts文件中不能直接使用import.meta.env。在vite.config.ts文件中添加跨域。经过自己测试发现只能是VITE开头的变量名。
环境变量与跨域
weixin_47745553的博客
02-09 138
正常VUE_APP开头的变量赋值给他一个我们的基地址，我们如果封装请求的话，统一携带请求头可以写成baseURL: process.env.VUE_APP_BASE_API。当运行npm run build:prod时会自动读取.ev.production环境变量（因为 vue_cli_service build）当我们发送请求的时候，会产生跨域问题，协议，ip地址，端口号有一个不一致就会产生跨域的问题报错。环境变量文件中变量命名必须要以VUE_APP开头，否则在客服端代码（src文件）是读取不到的。
Vue3 —— 使用Vite配置环境变量
Bonsoir777的博客
12-16 9900
文本主要介绍Vite的配置环境变量的问题
Vuecli脚手架/前端解决跨域/属性穿透/环境变量配置
你还有我
04-22 1736
这里写目录标题Vue.cli的安装和运行 安装一个插件,之前学js用到控制台 现在学vue用到这个插件好比学js时的控制台 谷歌极简插件下载vue.devtools 如果安装不能用看这个人的博客 https://blog.csdn.net/sunhl951/article/details/80185628 Vue.cli的安装和运行 cli命令行界面(Command Line Interface) npm install -g @vue/cli 检查版本号 vue -V 或vue --version
Vue2环境变量配置以及请求的代理跨域
TVM的博客
10-21 656
vue2的环境配置以及代理完成跨域请求
vue 项目环境变量设置
dearyang
06-26 1837
一、.env.development 开发环境 # 开发环境 # 环境标志 ENV = 'development' # 基础API VUE_APP_BASE_API = '/api' VUE_CLI_BABEL_TRANSPILE_MODULES = true 开发环境跨域代理 "use strict"; const path = require("path"); const defaultSettings = require("./src/settings.js"); functi.
vue-cli 环境变量和跨域设置
@tangguo123 博客
05-15 482
Vue-cli中的环境只有2中 1. 开发环境(npm run dev) 2.生产环境(npm run build vue-cli 中的环境变量存放在 config 目录下的 dev.env.js 与 prod.env.js，如图： 在开发环境下，加载的是dev.env.js文件；生产环境下加载的是prod.env.js 1.dev.env.js 2.prod.env.js vue-cli通过反向代理实现跨域 config/index.js 其中：target目标...
基于 OAuth2.0 协议的跨域认证授权开发套件.zip
03-07
提供集成开发环境（IDE），如Visual Studio、Eclipse、Android Studio和Sublime Text等，这些工具集成了文本编辑器，支持语法高亮、自动补全、代码片段管理和版本控制等功能，有助于开发者高效编写和维护代码。...
node-koa-template:建造一个可替代，以koa为主的服务端开发环境
03-13
koa开发环境搭建各依赖项说明考阿核心路由器路由中间件记录仪日志打印中间件静态静态文件中间件交叉环境处理不同操作系统，设置节点环境变量的代码差异。 koa-bodyparser解析主体参数值koa-json格式化返回的主体...
symfony4-vue：具有Vue，Vuex，Vue-router和Webpack的Symfony 4框架
02-06
）包含什么-Symfony 4.1.0骨架-Docker组成的开发环境-Redis缓存-Twig，Annotations，Webserver和Maker捆绑包-Encore Webpack配置了VueLoader和SassLoader -Vue，Vuex和Vue-Router -Axios原型为$ http变量使用此样板...
netlify-form-sanity：如何使用Netlify表单和功能向Sanity.io提交数据
02-05
如何使用Netlify表单和函数向Sanity.io提交数据 这是一个简单的示例，说明了如何在使用...将Netlify连接到该仓库，并在Netlify中添加一个名为SANITY_TOKEN的环境变量。 在转到项目中的Settings-> API，并添加具有w
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 232
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
React Suspense与Concurrent Mode：异步渲染的未来
天涯学馆
05-20 1101
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 487
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
vue 使用 export default
最新发布
global_coding的博客
05-24 332
vue 使用 export default
nginx请求头添加跨域
09-14
在使用Nginx时，可以通过使用ngx_...您只需解压缩包后将nginx.exe所在路径添加到环境变量中，然后进入该目录，并运行命令nginx.exe -c conf\nginx-rtmp.conf即可启动服务。这已经在Win11上进行了测试验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值