vue配置一个全局js，不需要打包直接改js来改变项目url等

最新推荐文章于 2023-03-24 09:55:31 发布
最新推荐文章于 2023-03-24 09:55:31 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38935512/article/details/104974705
版权

很多时候因为打包导致 全局的url链接没替换，又得重新打包
解决方法：
index.html引入baseConfig.js(自己创建的)
在这里插入图片描述
baseConfig.js
在这里插入图片描述

在vue中是可以打印console.log(baseUrl),
同理，此文件可以配置其他需要的全局变量 而不用重新打包

小墨宝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 不重新打包，动态加载全局配置的实现过程
小陈的博客
01-16 1951
为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
Vue项目打包部署总结
携手天下
01-14 6806
本文发布于我的个人网站：http://wintc.top/article/29，转载请注明。 使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方...
vue中把变量从.js文件中引入
sandy_star
11-29 9877
前言：在vue开发中，我们通常把数据定义在data（）里面。但是当此页的数据很多的时候，就会去定义很多个变量名，这样不仅不太美观，而且不利于模块化的开发。所以可以尝试着将这些变量放到一个.js文件里面，然后再在.vue文件里去使用就好啦！ 一、目录结构如下 在assets下新建一个js文件夹，在components下新建一个index.vue文件 二、操作如下 在index.vue中写入 <template> <div class="index"> &l.
vue配置文件不打包
weixin_34247299的博客
05-27 3601
为什么80%的码农都做不了架构师？>>> ...
vue设置全局配置文件，打包后在dist包内可动态修改配置
weixin_43485503的博客
07-14 6304
vue设置全局配置文件，打包后在dist包内可手动修改配置文件
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在开发Vue3项目时，我们通常会遇到一个问题：在本地开发环境中，项目能够顺利地请求到后台接口，但在打包部署到服务器后，却无法获取到数据。这种情况通常是由于请求的远程地址发生了变化，导致接口调用失败。本文将...
vue-cli3中配置alias和打包加hash值操作
10-14
Vue CLI 3 是一个强大的工具，用于快速搭建 Vue.js 项目。它提供了许多自动化构建配置，使得开发者可以更专注于编写应用程序本身，而不是繁琐的配置。本文将深入探讨如何在 Vue CLI 3 中配置 `alias` 和添加 `hash` ...
基于vue-cli 打包时抽离项目相关配置文件详解
08-27
总结来说，Vue CLI的配置文件抽离是一个实用的技巧，它帮助开发者在不改变项目源码的情况下，轻松地调整与部署环境相关的配置。通过将配置文件放在`/static`目录下并直接引用，我们可以确保这些配置在打包时不被打包...
使用vue-cli3新建一个项目并写好基本配置(推荐)
10-17
接下来，为了改变项目的默认端口，你需要在项目根目录创建一个名为 `vue.config.js` 的文件，并添加以下内容： ```javascript module.exports = { devServer: { port: 8100, // 更改端口号为 8100 }, }; ``` ...
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
12-11
对于API接口前缀的动态修改，解决方案是创建一个新的配置文件`base/config.js`来存储这些数据，并在打包过程中通过命令行参数传入。例如，当运行`npm run build apiUrl`时，可以指定API入口地址。在`webpack.prod....
VUE项目打包配置 vue.config.js 文件
Fiona_lms的博客
03-24 1248
VUE项目打包配置 vue.config.js 文件
配置webpack 设置不打包文件，实现配置文件修改不重复打包，亲测好用
bpluoxong的博客
09-22 2607
配置webpack 设置不打包文件，实现配置文件修改不重复打包，亲测好用
vue全局变量定义和修改
ann49988的博客
12-28 1902
1. 只读的全局变量 对于只读的全局变量，知道的有以下两种使用方式： 1）global.js 模块中定义；其他模块import后再使用即可 1.1）定义 import Vue from 'vue'; let MyComm = new Vue({ methods: { deleteCookie: function (cname) { ...
Vue 修改和使用全局变量
ChaoChao66666的博客
03-22 4162
在如下路径中新建index.js用于存储全局变量： index.js代码如下，这里定义了两个变量，playlist和playCurrentIndex， import { createStore } from 'vuex' export default createStore({ state: { playlist:[ {al:{},} ], playCurrentIndex:0, }, getters: { }, mutation.
VUE项目构建打包时根据环境向项目注入全局变量
weixin_41778380的博客
12-22 1058
VUE项目构建打包时根据环境向项目注入全局变量 1.在package.json中，scripts属性下在相对应的指令里声明‘–mode=xxx’ "scripts": { "serve": "npm run serveTest", "serveTest": "vue-cli-service --mode=test serve", "servePre": "vue-cli-service --mode=pre serve", "serveProduct": "vue-cli-s
全局变量，打包vue项目后 修改变量（例如：api后端接口路径 或者 其他变量）
zhongmei121的专栏
04-12 4457
在static下面创建一个js文件（随便一个js文件），我这里是baseUrl.js 添加下面路径到全局变量window.g： window.g = { casUrl: 'http://192.168.xxx.xxx:8080', datamanagerUrl: 'http://10.91.xxx.xxx:8088' } 把baseUrl.js引入index.html中， &lt...
vue 在index.html中配置全局变量（可实现打包后修改变量值）
weixin_57055436的博客
10-13 3910
vue 全局变量$xxx
uniapp 最新 h5 自定义配置文件不参与打包,让外部有个配置文件能修改并且直接生效
最新发布
12-12
最新的Uniapp版本已经支持H5自定义配置文件不参与打包，这样就可以让外部配置文件进行修改并且直接生效。 Uniapp是一个跨平台的开发框架，可以同时开发多个平台的应用程序，包括H5、小程序、App等。在H5中，我们可以通过外部配置文件来进行一些全局配置的修改，比如接口地址的修改、主题颜色的修改等。 首先，我们在Uniapp的项目中创建一个独立的配置文件，可以是JSON格式或者其他格式，命名为config.js。 在config.js中，我们可以定义需要修改的配置项，比如接口地址的URL、主题颜色的颜色值等。例如： ```javascript export default { apiUrl: 'http://api.example.com', themeColor: '#ff0000' } ``` 然后，我们在H5的入口文件main.js中引入这个配置文件，并将其挂载到Vue的原型上。例如： ```javascript import Vue from 'vue' import App from './App' import config from './config' Vue.prototype.$config = config Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ ...App }) app.$mount() ``` 这样，我们就可以在整个项目中通过this.$config来访问和修改配置文件的内容了。 比如，在一个组件中，我们可以通过this.$config.apiUrl来获取接口地址，并使用它来发送网络请求。同时，外部可以通过修改config.js文件中的apiUrl的值来动态修改网络请求的目标地址。 这样，在外部修改config.js后，在H5中刷新页面，配置文件的修改就会生效，从而实现了外部配置文件的动态修改和生效。这样，我们就可以方便地调整应用程序的配置，而不需要重新打包发布。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值