vue添加配置文件 超简单

最新推荐文章于 2025-04-16 09:59:05 发布
最新推荐文章于 2025-04-16 09:59:05 发布
阅读量9.3k 收藏 1
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_37603385/article/details/95988833
版权
博客介绍了在项目中引入config.js文件获取数据的方法。先在项目static目录添加config.js文件并设置内容格式，接着在index.html内引入，最后在需要使用的组件中通过config.ta获取数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • 在项目下static目录添加文件config.js 内容格式如下：
const config = {
    ta: "abc"
}
  • 在项目index.html内引入
    <script src="/static/config.js"></script>
  • 在需要使用的组件中直接config.ta就可以获得数据了
vue项目从配置文件中读取配置的地址，vue打包动态配置文件
qq_28813031的博客
09-24 2377
增加动态配置文件，打包后的前端可以根据现场修改访问地址 需要配置其他值也类似在配置文件进行设置 这里以配置地址为例进行说明如下：具体项目中已经使用过没有问题，大家可参考 1.首先增加配置文件config.js 在public文件下增加config.js或在static文件下增加config.js 例如：并增加配置记录 window.dict = { "author_name": "dingwangjun" "BASE_API" : "http://172.10.10.44...
基于vue.js 编写的简单的文件管理器的demo
weixin_43863710的博客
08-20 4331
很简单的一个项目demo 因为个人比较菜，踩了很多坑才得以解决 写出来供大家一起参考，欢迎大家指出 本次项目使用的是Vue和elementUI来进行制作的 想做出简单的文件管理器的效果 比如路由切换，文件增删改以及文件夹的打开和返回 先给出项目的主体结构 main.js: // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.bas
Vue项目搭建常用配置文件！
雪崩时没有一片雪花是无辜的！
05-28 677
1、前端跨域解决方案 request.js用来请求数据，封装的代码如下： request.js ：在vue/src/utils 之下 ~ import axios from 'axios' ​ const request = axios.create({ baseURL: '/api', // 注意！！ 这里是全局统一加上了 '/api' 前缀，也就是说所有接口都会加上'/api'前...
2025超详细Vue安装与配置教程
最新发布
徐徐徐的博客
04-16 1617
1.环境变量—用户变量—选中Path—点编辑-将 C:\Users\你的用户名\AppData\Roaming\npm 修改为 ：你的安装目录\node_global。③建议把目录更换到自己想要安装的目录里面（我这里是提前建好一个目录D:\download_software\nodejs。打开终端，执行如下命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。变量值：你的安装目录\node_global\node_modules。（如果在这里出现下面的报错，就把镜像源换成华为源）
Vue项目配置文件整理
一位不愿意透露姓名的网友博客
11-28 3936
Vue项目常见配置文件解析
Vue 配置文件
qq_33218955的博客
03-28 2208
1.首先保证安装 node.js (官网下载地址：https://nodejs.org/en/download/)(安装教程：http://www.runoob.com/nodejs/nodejs-install-setup.html）检查Node.js版本 ： cmd   =&gt;    path                               node -v     (出现版本号...
【vue】框架项目中常见的一些配置文件
阿晨的博客
02-17 965
框架项目中常见的一些配置文件
超级简单的Vue使用typescript教程
05-02
### 超级简单的Vue使用TypeScript教程 #### 一、环境准备 为了开始学习如何在Vue项目中集成TypeScript，我们首先需要确保本地开发环境中已经安装了Node.js和npm（或者yarn）。这两个工具是现代前端开发的基础，...
Vue项目全局配置微信分享思路详解
08-27
这些默认值可以在全局配置文件中设定，如Vue的main.js或特定的配置模块。 2. **特殊场景处理**：对于需要特定分享内容的情况，我们需要区别对待。一种是分享内容在页面加载时就能确定，这时可以在路由跳转时配置。...
深入浅析vue-cli@3.0 使用及配置说明
10-17
在深入探讨vue-cli@3.0的使用及配置说明之前，我们先简单回顾一下vue-cli的背景。Vue.js是一个流行的JavaScript框架，用于构建用户界面，而vue-cli是Vue.js的官方脚手架工具，旨在帮助开发者快速搭建Vue.js项目的...
基于Vue2+Express的简单资源共享网站设计源码
02-11
YAML文件通常用于配置文件，以一种易于阅读的格式存储数据。NPM忽略文件则用于配置哪些文件不需要包含在NPM包中。Shell脚本文件和PowerShell脚本文件则为项目提供自动化操作的能力，比如部署和环境配置等。 该资源...
Vue项目配置文件(.npmrc、.env、. cz-config.js、commitlint.config.js)
lfq1996的博客
03-28 3352
Vue项目配置文件(.npmrc、.env、. cz-config.js、commitlint.config.js)
vue 项目的配置文件1
wzwzwz555的博客
01-31 302
Router配置 import Vue from 'vue' import Router from 'vue-router' const routerPush = Router.prototype.push Router.prototype.push = function push(location) { return routerPush.call(this, location).catch(error=> error) } import login from '@/components
Vue常用配置文件
kevin的博客
03-08 723
【代码】Vue常用配置文件。
vue打包添加gzip配置项
Robert_jackson的博客
03-25 1331
安装 npm install compression-webpack-plugin@6.1.1 或者 yarn add compression-webpack-plugin@6.1.1 之后在vue.config.js中添加配置项 const CompressionPlugin = require('compression-webpack-plugin') module.exports = { configureWebpack: { plugins: [ new Compre
自己添加vue.config.js配置文件初始内容
rating_的博客
03-12 1285
vue.config.js配置文件内容 module.exports = { baseUrl:'/',//项目打包之后输出的根路径 outputDir:'dist',//构建输出目录 assetsDir:'assets',//存放静态资源（js,css,img,fonts） lintOnSave:false//是否开启eslint保存检测，有效值：true || false || 'error' ...
Vue项目中的配置及配置文件
weixin_41897680的博客
12-10 8729
环境变量 .env文件 访问 现在的前端项目都是用 Node 来作为辅助开发工具，而 process 是 Node.js 中的 一个全局变量，提供来有关当前 Node.js 进程的信息并对其进行控制。而 process 中的 env 则是返回包含用户环境的对象。 通俗点说，就是可以通过 process.env 拿到当前项目运行环境的信息。 console.log("环境变量：",process.env) .env文件 VUE_APP_URL = 127.0.0.1:9088 从控制台可以看到，pro
package.json与package-lock.json
热门推荐
weixin_45626517的博客
02-09 2万+
package.json 记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本， package-lock.json package-lock.json 是在 `npm install`时候生成一份文件。记录了node_modules目录下所有模块（包）的名称、版本号、下载地址、及这个模块又依赖了哪些依赖。 两者区别： npm5以前 npm5以前，没有package-lock.jso...
【Vue学习】Vue配置项
zx1041561837的博客
08-17 741
本文主要是学习Vue实例中的computed和watch配置项。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值