electron-vue通过配置文件设置baseUrl

{"baseURL": "http://***.cn:8001"
}

在package.json中配置build

"build": {..."appId": "com.yuma.duifu","extraResources": {"from": "./config.conf","to": "../"},...},

获取安装路径地址和解析配置内容

const { app } = require("electron").remote
const path = require('path');
const fs = require('fs')export function getSystem() {//这是mac系统if (process.platform == 'darwin') {return 1}//这是windows系统if (process.platform == 'win32') {return 2}//这是linux系统if (process.platform == 'linux') {return 3}
}
/*** * @returns 获取安装路径*/
export function getExePath() {return path.dirname(app.getPath('exe'));
}
/*** * @returns 获取配置文件路径*/
export function getConfigPath() {if (getSystem() === 1) {return getExePath() + '/config.conf'} else {return getExePath() + '\\config.conf'}
}
/*** 读取配置文件*/
export function readConfig(callback) {fs.readFile(getConfigPath(), 'utf-8', (err, data) => {if (data) {//有值const config = JSON.parse(data)callback(config)}})
}

调用

<script>
import { readConfig } from "@/utils/index.js";
export default {name: "home",data() {return {};},mounted() {readConfig((res) => {const { baseURL } = res;this.$store.state.Counter.baseURL = baseURL;this._getLoginQrCode();this._getIntervalToken();});},methods: {},
};
</script>

更换axios的baseUrl

import { Message } from 'element-ui'
import axios from 'axios'
import store from '@/store'
const service = axios.create({//服务器域名地址baseURL: "http://127.0.0.1:8001",//当跨域请求时发送cookie// withCredentials: true, //超时时间timeout: 30000
})service.interceptors.request.use(//请求配置config => {//添加请求头config.headers['token'] = store.state.Counter.tokenif (store.state.Counter.baseURL) {config.baseURL = store.state.Counter.baseURL}return config},error => {// 错误console.log(error)return Promise.reject(error)})// 返回过滤器
service.interceptors.response.use(response => {const res = response.dataif (process.env.NODE_ENV !== 'production') {console.log(res)}if (res.code !== 200) {const { config: { url } } = responseif (url.endsWith('/Login') && res.code === 250) {return Promise.reject(res.message)}Message({message: res.message || 'Error',type: 'error',duration: 5 * 1000})if (res.code === 300 || res.code === 304 || res.code === 302) {store.state.Counter.token = ''}return Promise.reject(res.message)} else {return res}},error => {console.log('err==>' + error)Message({message: '服务器连接失败',type: 'error',duration: 5 * 1000})return Promise.reject(error)}
)
export default service

完成

electron-vue通过配置文件设置baseUrl相关推荐

vue-cli+gitlab代码管理时，vue项目配置文件设置
2019独角兽企业重金招聘Python工程师标准>>> vue-cli生成的项目,使用gitlab进行代码管理,怎样忽略项目配置文件的提交(避免每次合并分支代码冲突,而且每次修改配置 ...
Ruoyi框架学习--Vue前端配置文件详解
CSDN话题挑战赛第2期参赛话题:学习笔记 1.package.json配置中的重点介绍: 1.许可证:license:各种License介绍(BSD,MIT,MPL,Apache License, ...
android仿微信图片编辑器,electron/vue可编辑框contenteditable|仿微信截图
基于Electron+vue实现div可编辑contenteditable插入表情|electron-vue截图功能为了避免使用 vue 手动建立起 electron 应用程序.electron-v ...
electron vue点击按钮关闭_electron+vue制做桌面应用--自定义标题栏最大/小化和关闭...
上一篇:electron+vue制做桌面应用--自定义标题栏中咱们介绍了如何使用electon制做自定义样式的标题栏接下来,咱们介绍一下标题栏上的最大化.最小化和关闭按钮如何实现vue 首先查阅el ...
Electron+Vue的开发经验
搭建Electron+vue项目以及运行和打包过程中遇到的问题搭建Electron+Vue项目安装Vue脚手架与创建vue项目运行过程中的问题 Q1:启动项目用时长且报如下错误 Q2:在使用no ...
electron + vue /打包linux应用报错记录
1. electron + vue 打包linux应用报错记录 > icon图标导致的报错 ⨯ unknown output format set github.com/develar/app ...
Electron vue使用详解
Electron vue使用详解 Electron是什么? Electron 是一个框架,可以让您使用 JavaScript, HTML 和 CSS 创建桌面应用程序. 然后这些应用程序可以打包在m ...
Electron + Vue开发一款音乐播放器
一.桌面版音乐播放器劳动节放假了,给大家分享一个轻松的开源项目,一个基于 Electron + Vue 开发的音乐软件.项目的一大特色就是多平台搜索歌曲,并支持下载功能(有些平台的vip歌曲也可以哦 ...
Redhat中通过命令工具和配置文件设置TCP/IP参数的方法
Redhat中通过命令工具和配置文件设置TCP/IP参数的方法 ①ifconfig命令用ifconfig命令修改后重起服务配置不保存给Eth0接口设置IP地址和子网掩码广播地址并激活:ifconf ...

electron-vue通过配置文件设置baseUrl

electron-vue通过配置文件设置baseUrl相关推荐

最新文章

热门文章