编译后通过配置文件改变api域名

于 2021-12-14 11:06:59 发布
阅读量1.4k 收藏
点赞数
分类专栏： VUE 文章标签： 前端 node.js http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuyu_2019/article/details/121922639
版权
本文介绍了如何在静态文件夹创建host.js配置文件，通过window.host对象设定网站地址，并在index.html中引入并使用这个配置来动态设置APIHost。重点讲解了如何在组件中利用window.host.host变量进行单设备在线时长的计算。
摘要由CSDN通过智能技术生成

1）static文件夹下新建配置文件host.js
在这里插入图片描述

window.host = {
  "host": "https://www.jyzngc.cn"
}

2）index.html下引入js文件
在这里插入图片描述
3）组件引用该host

apiHost: window.host.host + ':8086', //（单设备在线时长）
yuyu_2019
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Kivy 模块使用python语言编译android可用的apk——第五章 分析buildozer.spec文件配置
lstef的博客
09-04 597
buildozer文件配置详解，以及如何确定依赖项，如何排除bug的技术及建议
用友u8 如何配置文件服务器,用友u8服务器软件配置
weixin_29854111的博客
08-06 2181
用友u8服务器软件配置 内容精选换一换YOUR_OS.iso用实际的iso包名代替。请确认已经备份所有repo文件后，在rm删除界面输入y表示同意删除。配置yum本地源。[Local]name=Localbaseurl=file:///media/enabled=1gpgcheck=0寻找gcc所在路径(一般位于/usr/bin/gcc)。command -v gccYOUR_OS.iso用实际的...
vue 打包之后生成一个配置文件修改接口域名
LonewoIf的博客
01-19 3557
第一步：安装 generate-asset-webpack-plugin 插件： npm install --save-dev generate-asset-webpack-plugin 第二步：配置 webpack.prod.conf.js 文件： // 让打包的时候输出可配置的文件 let GenerateAssetPlugin = require('generate-asset-webp...
php源代码修改域名,php正则如何实现替换域名
weixin_29310631的博客
03-13 375
php正则实现替换域名的方法：首先获取网站的url；然后使用正则表达式“preg_match($reg, $url,$res);”提取域名；最后通过“preg_replace”方法更换新的域名即可。推荐：《PHP视频教程》正则提取的url中的域名以及替换域名的方法 preg_match()和preg_replace()...
设置小程序request合法域名_微信小程序切图给api接口设置统一域名
weixin_39551611的博客
11-23 224
微信小程序切图给api接口设置统一域名的意义重大，因为小程序api一般在同一个域名下，为了灵活和后期修改域名方便，是非常有必要把域名主体单独封装成一个变量去使用的，这里首先想到的就是app.js下的globalData。在根目录的app.js添加代码如下：globalData: { userInfo: null, baseUrl: 'https://xz.qietu.vip/' }然后在页面中的j...
Web前端开发、前后端分离开发模式、多环境接口(API)域名配置与解决方案
沐枫
11-30 8764
强烈推荐！​ 该方案是完全由自己定义，不通过.env配置文件来进行配置，且适用于所有环境。首先，如果前端项目 和 后端项目都是同一个域名，那就再好不过了，直接用 "/" (当前域名)来代替所有环境的API域名。其次，如果前端项目 和 后端项目不是同一个域名，并且每套(开发、测试、生产)环境的前后端域名都不一样时，以下方案就大有派场啦！简讲，就是自己定义一个用于全局公共的env.config.js文件，在需要的页面中引入加载进去就OK了！
网站改版/更换域名全步骤—不依赖主机解决301重定向
程序萌部落
02-24 5041
更换域名在建站初期是经常发生的事情，无非就是DNS修改下解析，替换下内部代码，但对于运营过一段时间的、搜索引擎收录良好的“成熟”站点来说，修改域名，对网站流量和引擎收录简直就是灭顶之灾。正值最近本站刚更换了域名，就此来记录下作为一个网站，更换域名所需要考虑和修改的内容。 更换DNS绑定域名 这一步不再赘述，无非就是解绑旧域名，换绑新域名。 301重定向（重要！） 此步骤是重中之重！对搜索引擎来说，有专门的网站改版提交入口，目的是主动通知搜索引擎你的原站链接变更，从而加快新域名链接的收录，但完成网站改版的
webpack 打包vue项目后生成一个可修改接口地址的配置文件。
热门推荐
qq_41409679的博客
12-12 1万+
当我们做完vue项目打包、转测试、部署后，却遇到修改接口地址，或修改域名。但是在npm run build 之后所生成的 dist 文件也是写死的了。我们就需要回来重新修改，重新打包。 no no no 一想都觉得麻烦哎。 所以最好解决方案就是有个 config 文件方便我们管理这些。 解决方法：（共有2个方法） 1、借助插件  generate-asset-webpack-plugin 。...
vue配置本地和线上环境（域名）
boy火巨的博客
06-10 4854
vue本身为运行脚手架项目自家搭载了一个nodejs后台环境，本地可通过proxyTable来处理跨域问题，但是上线（或生产环境）之后改域名真是一件麻烦的事情，所以进行一些配置。 config/index.js proxyTable: { '/apis': { target: 'http://www.baidu.com', //域名,主要修改这一块 ...
Nginx安装配置及通过域名访问-Centos7
resule的博客
11-21 1471
安装所需依赖 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install openssl openssl-devel 注：yum install gcc遇到错误 Error downloading packages: glibc-headers-2.17-307.el7.1.x86_64: [Errno 256] No more mirrors to try. glibc-devel-2.17-3.
修改本地项目的访问域名 替换localhost为xxx
a_靖的博客
10-14 1万+
需求： VUE的项目本来是http://localhost:8080才能访问的，现在想改成http://jay.com:8080就能访问。 操作步骤 打开如下图的目录： 按照这个路径找到hosts文件，右键打开方式使用记事本打开，在localhost下面加上想要的任意域名。 因为不能直接保存，所以需要全选复制hosts文件的内容，新建一个txt文件，粘贴到里面，然后强制删除...
22-CMS前端页面查询开发-Api调用-跨域解决
minihuabei的博客
01-21 328
跨域问题解决 测试 上边的代理 ，结果 报错如下 ： No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:11000’ is therefore not allowed access. 原因：浏览器的同源策略不允许跨域访问，所谓同源策略是指协议、域名、端口相同。 解决：采用proxyTable解决。 proxyTable是什么？ vue-cli提供的解决v
补充——接口调用几种方式、域名配置、前端的权限控制、跨域的解决方案
weixin_44867717的博客
10-20 637
补充——接口调用几种方式、域名配置、前端的权限控制、跨域的解决方案 接口调用 原生Ajax 基于jQuery的接口调用 $.ajax axios fetch api (原生ajax的升级版) 小程序中的接口调用专门提供了一个方法 wx.request 域名配置 小程序调用的后台接口中域名需要授权才可以 开发阶段可以忽略权限校验 上线阶段必须在小程序管理后台进行页面的授权 域名访问使用的协议必须是https协议 前端的权限控制 基于token的登录方案 通过axios的请求拦截器统一添加
vue获取div高度
yuyu_2019的博客
01-22 7761
<div class="top" ref="top"> mounted () { let topHeight = this.$refs.top.offsetHeight // 头部高度 console.log(topHeight) }
axios给.then传参
yuyu_2019的博客
03-16 2492
问题：想把mac那个参数，传到.then回调的方法里 解决 .then(res => { this.getAlarmDataSucc(res, mac) }) getAlarmDataSucc (res, mac) {
VUE监听resize
yuyu_2019的博客
12-22 1997
data () { return { windowHeight: window.innerHeight } } mounted () { window.onresize = () => { this.windowHeight = window.innerHeight } } watch: { 'windowHeight': function (newVal, oldVal) { //监听屏幕宽度变化 this.windowHe
vue 引入图片在data里使用
yuyu_2019的博客
11-28 1151
<script> import imgMobIconGray from '@/assets/images/SafetyWarningLinkagePlatform/shexiangtou-gray-icon-24.png' export default { name: 'Test', components: { }, data () { return { mobMarkers: [ { id: '01',
vue路由守卫——改页面title
yuyu_2019的博客
11-25 958
index.vue <button @click="goLogin">跳登录页</button> goLogin: function () { this.$router.push('/Login') // 路由跳转 } login.vue <button @click="goHome">跳首页</button> goHome: functio...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值