精华内容
下载资源
问答
  • vue读取外部配置文件

    2021-08-21 10:10:54
    1.首先需要创建config.js,注意,文件需要最好放在static目录下,这样配置文件回味与打出来的dist包的最外层,方便二次配置操作。 其次,编辑内容: window.appConfig = { baseURL: 'http://www.baidu.com.cn/'...

    1.首先需要创建config.js,注意,文件需要最好放在static目录下,这样配置文件回味与打出来的dist包的最外层,方便二次配置操作。

      其次,编辑内容:

    window.appConfig = {
      baseURL: 'http://www.baidu.com.cn/',
    }


      做完了配置操作之后,还需要在index.html中配置如下内容,这样可以做到配置文件的刷新操作:

    <script>document.write('<script src="./static/config.js?t=' + new Date().getTime() + '"><\/script>');</script>


    2.  最后一步就是引入操作:

     具体使用方式,首先是导入:

    const myAppConfig = window.appConfig

     

     2.1. 使用:

    var baseUrl = myAppConfig.baseURL

    展开全文
  • 增加动态配置文件,打包后的前端可以根据现场修改访问地址 需要配置其他值也类似在配置文件进行设置 这里以配置地址为例进行说明如下:具体项目中已经使用过没有问题,大家可参考 1.首先增加配置文件config.js ...

    增加动态配置文件,打包后的前端可以根据现场修改访问地址

    需要配置其他值也类似在配置文件进行设置

    这里以配置地址为例进行说明如下:具体项目中已经使用过没有问题,大家可参考

    1.首先增加配置文件config.js

    在public文件下增加config.js或在static文件下增加config.js

    例如:并增加配置记录

    window.dict = {

        "author_name": "dingwangjun"

        "BASE_API" : "http://172.10.10.44:9090"

    }

    2.在index.html文件下引入配置的config.js文件

    <!DOCTYPE html>

    <html lang="">

    <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    </head>

    <script src="./config.js"></script>

    <!--<script src="/static/config.js"></script>-->

    <body>

    <div id="app" style="height: 100%"></div>

    </body>

    </html>

    3.main.js文件中增加如下代码

    //vue2写法

    Vue.prototype.$dict = window.dict

    //vue3写法,vue3写法原理一样,如果类型不对可调整下

    //const temp: any = window

    import { createApp } from 'vue'

    let app= createApp(App)

    app.config.globalProperties.$dict = window.dict

    //app.config.globalProperties.$dict = temp.dict

    4.request.js修改如下代码

    // 创建axios实例

    const service = axios.create({

    //baseURL: process.env.BASE_API,

    baseURL: dict.BASE_API,

    timeout: Config.timeout

    })

    5.配置了其他值,其他页面需要使用的话,直接通过dict就可以点出来使用

    例如:let name = dict.author_name

    展开全文
  • 最近几年,web前端越来越火,也诞生了非常多功能强大的框架,vue便是最近炙手可热的...@vue/cli3.x的脚手架项目初始化是没有vue项目配置文件的,因为官方想要让新手对vue的上手更加快速!所以隐藏了此文件。好处是对...

    最近几年,web前端越来越火,也诞生了非常多功能强大的框架,vue便是最近炙手可热的一个框架,不仅简单快速上手快,而且功能非常丰富,能完成各种常用项目!

    但是,很多coder对vue的了解都是’自动化’配置完毕的一个脚手架项目,其实vue项目也可以自定义非常多东西。@vue/cli3.x的脚手架项目初始化是没有vue项目配置文件的,因为官方想要让新手对vue的上手更加快速!所以隐藏了此文件。好处是对新手更加友好,可以不用关注那么多繁杂的配置文件,缺点在于很多东西没有办法扩展和自定义。

    如果想要深入vue,vue项目配置文件则是我们必定会研究的一个配置文件,下面,就让我们来看看怎么自定义常用项目配置文件!

    一.新建项目配置文件

    @vue/cli 3.x为了让用户体验’0配置’,所以默认没有配置文件,如果想要自定义配置,在项目根目录新建vue.config.js,所有配置信息都写在其中!

    二.常用配置

    publicPath

    等效于webpack配置的output下的publicPath,设置部署的根路径,如果想要修改webpack的publicPath,就在此配置文件中修改。

    lintOnSave

    是否启用ESlint语法检测(true|false),可以在正式环境下关闭,常规开发如果想要关闭ESlint也可以使用此方法,直接设置为false即可关闭

    productionSourceMap

    如果你不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建。

    devServer.proxy

    反向代理(解决跨域问题),如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

    设置后,发送的请求都会被代理到虚拟服务器http://12.220.14.27:4152地址,保证发送请求的服务器(虚拟)和数据接口服务器是同一个IP和端口

    parallel

    是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用,仅作用于生产构建。

    以上就是vue项目的一些常用自定义配置项,在默认项目不能满足我们时,就可以使用自定义配置!

    Ps:完整vue.config.js配置参考文档:

    https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE

    展开全文
  • vue实现外部配置文件

    2021-08-02 03:40:22
    需要webpack打包是不将自己定义的配置文件打包,这就需要我们将自定义的配置文件放到public里面(vue-cli3搭建的项目),如果是vue-cli2搭建的项目则需要将文件放到static里面。2.需要打包后不会,将内容写死到打包后...

    需求:实现不重新打包修改loading文案,以及颜色。

    思路:

    1.需要webpack打包是不将自己定义的配置文件打包,这就需要我们将自定义的配置文件放到public里面(vue-cli3搭建的项目),如果是vue-cli2搭建的项目则需要将文件放到static里面。

    2.需要打包后不会,将内容写死到打包后的文件中。如果是该图片直接使用require就好。在img标签的src中如下

    然后想要修改是直接将dist中的图片换掉就好(注意:替换后的图片名要与原图片名一致(保证其哈希值一样,不然会报错))图片这么干是可以的,=========》但是如果是用require去读取js文件中暴露的对象则不行(网上百度出来的方法),亲测打包后无法修改,也可能是我弄错了吧

    3.气急败坏下只能使用暴力方法了(希望有大佬能够交点不那么蠢的方法)。。。。。。。(直接利用localStorage浏览器缓存)

    具体实现如下:

    1.在public中创建config.js文件

    const config = {

    loadingText: "测试",

    loadingTextcolor: 'rgb(37, 146, 204)'

    }

    window.localStorage.setItem('config', window.JSON.stringify(config))

    2.在index.html中使用config.js

    3.组件内直接读取localStorage中的数据,至此就实现了外部配置。

    坑: 在浏览器打开dist文件后会有缓存,这是我们如果重新配置了config.js中的数据,需要清除浏览器缓存后再运行。包括图片的外部修改也是一样的

    解决方案:

    错误示范:

    我们在index.html文件引入配置文件时在资源路径后加上时间戳,(如果加时间戳你使用字符串模板会有坑,像这样

    script.src = `./config/loadingConfig.js?t=${ new Date().getTime()}`

    会在打包的时候就将你的获取时间戳方法直接替换成时间字符串进行拼接

    正解:

    这个·时候我们可以直接使用字符串拼接的方法像这样:

    script.src = "./config/loadingConfig.js?t=" + new Date().getTime();

    如此做就不会有问题了。

    到此完美解决,奥利给!!!虽然看起来可能比较暴力,但解决了不是?忘有大佬指点!

    展开全文
  • Vue常见配置文件

    2021-12-02 18:08:18
    Vue常见配置文件 .idea存放项目的控制信息,包括版本信息,历史记录等等。如果删除就不能使用idle等进行回溯和复原了 .dockerignore 文件中指定在传递给 docker引擎时需要忽略掉的文件或文件夹。 .dockerignore之后...
  • 作为一个兼职前端和运维的java程序员,今天我司测试人员提出了一个需求,当后台服务地址ip地址改变后,webpack打包的VUE项目得更改地址重新打包,太麻烦了,最好可以读取外部配置文件的域名,灵活部署。这不是在刁难...
  • vue 配置文件不打包

    2021-12-17 17:42:54
    1、vue-cli3之后要加载本地js资源,可以将js文件放在public文件下,即与index.html文件同级(可以创文件夹放文件夹中,比较规范) 2、在index文件中引入(注意一定要写入body标签内,不能写在头文件中) 注意...
  • json文件:/static/config.json { "detectionInterval": 15000 } /build/webpack.base.conf.js 中添加: '#': resolve('static') resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': ...
  • vue 获取配置代理文件中的api地址值

    千次阅读 2021-03-16 11:11:34
    则在该页面上引入配置文件,在找到对应的值。 引入 import API_CONFIG from "../../../config/index.js" 使用 // console.log("api==",API_CONFIG.dev.proxyTable['/api'].target) 即可找到对应的值。 ...
  • 作为客户端,Vue项目需要使用服务端地址。...可以在此文件夹里新建一个config.json这样的文件存放配置信息,这个文件不会被打包。 使用的时候,可以使用require。例如config.json如下所示: { "name":"my
  • theme: channing-cyan背景项目中有一个本地配置文件:// src/image-position.jsexport default {label: '首页',value: 'home',data: [{label: '轮播',value: 'carousel'}]}如何引用一个本地文件大家都知道:import ...
  • 所以多环境配置一直都是一件头疼不已的事情,于是vue cli 环境变量配置的需求就应运而生,我们只需做简单的配置,把环境状态切换的工作交给代码。(又可以多出时间来研究怎么找“对象”了)那我们便开始吧(๑•̀ㅂ•...
  • vue读取txt文件

    2021-08-14 07:30:26
    vue读取txt文件 内容精选换一换读取一个OBS文件。例如读取obs://bucket_name/obs_file.txt文件内容,返回string(字符串类型)。file_str = mox.file.read('obs://bucket_name/obs_file.txt')也可以使用打开文件对象并...
  • 主要实现思路:模仿vue中.env.local文件,此文件被git忽略,且可根据当前环境变量加载不同的数据,由此在项目根目录下新建development文件夹,在development文件加下建立config文件夹,用户放置...
  • 在开发vue项目时,需要重新设置项目的启动端口,发现项目目录中并没有相关的配置文件【config目录】 使用的是vue脚手架版本【通过vue --version查询】:@vue/cli 4.5.13 解决方案 在vue项目根目录下创建vue....
  • 4、Vue中的配置文件

    2021-07-06 13:12:53
    一、package.json文件 (1)作用: package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。比如项目名称,项目版本,项目执行入口文件,项目贡献者等等。npm install 命令会根据这个文件下载所有...
  • 由于build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、具体操作如下:1、在...
  • 之前我写过一篇通过vue-cli3.0打包发布到nginx配置代理转发的博客,链接在此:https://www.cnblogs.com/jdWu-d/p/12197156.html,正常来说也是正确的,但不正常之处在了甲方还用了F5负载均衡和gateway来代理转发。...
  • vue配置文件说明

    2021-11-16 10:11:01
    .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 2. 命名规则 属性名必须以VUE_APP_开头,比如VUE_APP_NAME 3. 文件的加载 根据启动命令vue会自动加载对应的环境,vue...
  • 之前我写过一篇通过nginx配置代理转发的博客,正常来说也是正确的,但不足之处在了甲方还用了F5负载均衡和gateway来代理转发。所以之前我认为的请求->nginx转发代理->后端服务,实际上是请求->nginx代理...
  • Vue 打包读取外部配置

    2020-12-18 11:34:52
    Vue 打包读取外部配置 因为我们项目的入口是在public目录下的(即index.html在public目录下),所以先在public目录下创建static目录,static目录中创建config.js文件 注:如果目录结构不是这种的,可直接在static...
  • vue项目中,有一些配置不想在代码里写死,可以写到json文件中 json文件:\static\config.json { "detectionInterval": 15000, "intervalTimeout": 300000 } src\main.js Vue.prototype.$http = axios Vue....
  • 我们应该如何读取properties文件中的配置项呢?基于SpringBoot项目,配置项一般都存放在application.properties文件中。有2种常用的方法:1.使用@Value注解标注在Field上面2.使用@ConfigurationProperties注解标注在...
  • SpringBoot有一个默认的配置文件application.properties,在这个文件中不仅可以配置端口,还可配置许多其它的配置项,如web、数据库、缓存、spring核心配置等,具体的配置项在官网https://docs.
  • 每次重复写路由的时候是不是会觉得很烦,特别是项目大的时候,路由会有特别多,看都看不过来,所以这里我是有了一个router.json的配置文件来对路由做一些简单的配置,然后让路由和左侧菜单栏可以同时生成。...
  • 可以在配置文件里面这样设置:格式一定要是这样的大写的!这个变量就和全局变量的意义差不多 process.env.VUE_APP_TARGET = `http://192.xxx.x.xxx:8081` 然后在其他页面获取 process.env.VUE_APP_TARGET...
  • vue项目环境配置文件.env不起作用 .env文件在vue项目启动时加载,如果没有起到作用,可能是缓存的问题,删除node_modules下的.cache文件试试。
  • vue配置文件实现代理v2版本的方法vue实现不同服务器代理,接上篇,虽然可实现多版本代理,但是每增加一种模式就需要重下新修改vue.config.js以及.env.dev.local,感觉很不智能,扩展性挺差。主要实现思路:模仿vue中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,054
精华内容 25,221
关键字:

vue获取配置文件

vue 订阅
友情链接: TL16C554_Driver_RTOS.zip