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

article/2025/10/21 4:46:53

{"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