ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

为VUE项目提供部署后仍可修改的配置文件

2021-10-09 18:33:26  阅读:160  来源: 互联网

标签:index VUE 配置文件 arcgis js 修改 html public


将配置文件放在public/下(如果是vue2.,放在/static/下)*

前后端分离,前端代码码也像后端一样编译、发布,再也不是以前那种完完全全的静态文件了。这就为代码复用,模块式开发带来了便利,不过有一些问题。比如配置文件,发布时也会被编译、打包,部署之后就再也找不到,更别说修改了。只能在打包前设置好,这样就失去了配置的意义。

那应该如何提供配置文件,使得前端在部署后,仍然可以手动修改呢?

以vue3.*为例。很简单的,在public/下提供一个config.js,然后在public/index.html中引用该config.js即可(注意这是vue3,如果是vue2,则放在/static/)。因为public里的内容,系统认为是静态的,打包后,会放在根目录下。

一、配置文件

public/config.js

/*
  本配置文件静态,不被编译,部署后可手动修改
*/
const staticConfig = {
  arcgis_js_root: 'http://192.168.0.216:9080/javapubzy/arcgis_js_api/library/4.18/'
}

二、引入配置文件

public/index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>index</title>
        <script src="/config.js"></script>
        <script>
        	//使用配置。这个配置是全局性的,所有组件都能用
            var ARCGIS_JS_API_ROOT = staticConfig.arcgis_js_root;
            ...
        </script>

vue默认提供的项目是单页面应用(SPA),所有的代码,都以public/index.html为舞台,在vue框架的指挥下,你方唱罢我登场,热闹又有条不紊,屏蔽了各种控制的复杂性,对外提供了比传统多页面切换应用更平滑顺畅的用户体验。

标签:index,VUE,配置文件,arcgis,js,修改,html,public
来源: https://blog.csdn.net/leftfist/article/details/120676668

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有