关键词：
将配置文件放在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框架的指挥下，你方唱罢我登场，热闹又有条不紊，屏蔽了各种控制的复杂性，对外提供了比传统多页面切换应用更平滑顺畅的用户体验。
nginx部署vue项目，路由模式为history时，页面刷新404问题(代码片段)
...lias的区别try_files配置的作用友情提示情况说明nginx部署vue项目，文件放在html下的dist文件夹中nginx.conf文件中，server里配置文件的位置、请求跨域等信息本案例解决方法在启动项目后因为配置的是root，首先是找不到html... 查看详情
超详细docker部署springboot+vue项目（三更博客项目部署）(代码片段)
文章目录1.项目部署规划2.前置工作2.1修改后端配置文件ip2.2修改前端Vue项目运行端口2.3修改前端对应的服务器ip2.4后端项目打包2.4.1解决打包问题2.4.2项目打包，本地运行jar包测试2.5前端项目打包2.6开放端口2.7配置安全组规则3... 查看详情
vue打包部署文件可继续修改内容？(代码片段)
...一起交流不一样的方法，直接上代码。那么首先在vue项目文件的puclic新建static/configuration.js(静态文字配置文件)configuration.js//figuration自己定义名字//window对象添加自定义属性，供项目使用window.configuration=username:'曹豆... 查看详情
基于vue-cli打包自动生成/抽离相关配置文件(代码片段)
背景基于Vue-cli项目产品部署，涉及到的交互的地址等配置信息，每次都要重新打包才能生效，极大的降低了效率。我们的目的是让项目实施的小伙伴重新快乐起来。网上实现的方式，都是半自动化的，还需要重新修改。需求点... 查看详情
vue项目部署到线上页面空白(代码片段)
最开始的时候直接什么都没有配置，打包了一个dist文件夹扔给后端，发现文件加载报错404，如下： 发现在加载css文件和js文件的时候是不是从dist文件开始找的，这是因为默认会从index.html所在的硬盘的根目录下开始查找... 查看详情
vue-cli3跨域配置(代码片段)
...置由于3.x的默认配置都转移到了CLIservice里，所以生成的项目中并没有配置项，我们如果需要自定义一些项目配置，则需要自己在项目的根目录(root)创建一个vue.config.js。vue.config.js里的配置项所有都是可选的，这就避免了我们去看... 查看详情
vue项目部署到线上页面空白(代码片段)
最开始的时候直接什么都没有配置，打包了一个dist文件夹扔给后端，发现文件加载报错404，如下： 发现在加载css文件和js文件的时候是不是从dist文件开始找的，这是因为默认会从index.html所在的硬盘的根目录下开始查找... 查看详情
vuecli3.x项目部署到githubpages(代码片段)
...hub免费为用户提供的服务，写博客，或者部署一些纯静态项目。最近将vuecli3.x初始化项目部署到githubpages，踩了一些坑，记录如下。https://github.com/nusr/resume-vue1.vue-router不要开启history模式路径中的#比较丑，就开启了vue-router的histor... 查看详情
将一个vue项目部署的腾讯云ubuntu服务器nginx上(代码片段)
将一个Vue项目部署的腾讯云ubuntu服务器nginx上1.要操作linux服务器需要两个工具xshell、xftp，可以免费申请使用下载地址xftp下载地址xshell2.需要安装nginxsudoapt-getinstallnginx3.判断nginx是否安装成功nginx-v4.修改配置文件vim/etc/nginx/nginx.conf... 查看详情
将一个vue项目部署的腾讯云ubuntu服务器nginx上(代码片段)
将一个Vue项目部署的腾讯云ubuntu服务器nginx上1.要操作linux服务器需要两个工具xshell、xftp，可以免费申请使用下载地址xftp下载地址xshell2.需要安装nginxsudoapt-getinstallnginx3.判断nginx是否安装成功nginx-v4.修改配置文件vim/etc/nginx/nginx.conf... 查看详情
如何在nginx下部署vue项目(代码片段)
首先我们使用npmrunbuild来生成项目的静态页面，会在项目的根路径的dist目录下我们将dist下的index.html和static静态文件发布到服务器的某一目录下比如说我们发布的是在usr/local/vue/page下，那么我们对于nginx的配置如下在/usr/lo... 查看详情
django之项目部署上线(代码片段)
在开始配置之前，需要将整个项目文件拷贝一份，然后移入你想要的放置的目录中。 一、Django配置 1、settings.py配置 复制全局settings.py配置文件，创建一个副本命名为/pro_settings.py，修改DEBUG为False。DEBUG=False#填写... 查看详情
vue部署到宝塔请求接口报404错误(代码片段)
...将前端vue和后端SpringBoot全部都部署到了宝塔上，后端项目部署成功后直接请求接口成功，运行本地vue项目使用代理服务器访问接口也是成功的，但是部署到vue上的项目访问接口报404错误解决经向某位大佬求教后找到... 查看详情
vue打包部署文件可继续修改内容？(代码片段)
今天在公司豆芽接了一个需求，就是打包部署之后，我们可以操作修改页面的静态文字内容，并且在页面生效(不重新打包情况下)，那么豆芽一接到这个需求的时候，立马想到将所有的静态文字内容，放入... 查看详情
zookeeper集群部署(代码片段)
...开源的分布式的，为分布式框架提供协调服务的Apache项目1.2工作机制Zookeeper从设计模式角度来理解 查看详情
zookeeper集群部署(代码片段)
...开源的分布式的，为分布式框架提供协调服务的Apache项目1.2工作机制Zookeeper从设计模式角度来理解 查看详情
若依vue项目更改开发环境端口(代码片段)
...3、前端代理调用后端接口的端口修改Ruoyi-vue前后端分离项目，前端主要负责页面展示和转发请求，后端负责处理业务逻辑，并将处理结果返回给前端。前端对接口的转发是通过 vue.config.js文件配置，可以在devServer... 查看详情
vue项目部署方式:tomcat部署和nginx部署
参考技术A一般项目前后端分离得话，都会用nginx作为反向代理转发的。因为项目要兼容ie9,使用axios发ajax请求的时候,不能通过CORS解决跨域的问题,所以尝试部署nginx作反向代理.其中vue+webpack+vue-router(history)部署到nginx服务器下，非... 查看详情