vue项目中如何用变量去表示多个服务端口

1.在public文件夹下的js文件夹下的config.js文件配置，例如：

/** 后端服务网关*/
serviceGateway: '/dcsgateway',
/** 后端服务：数据服务*/
serviceDataService: '/dcs-dataportal',
/** 后端服务：网关服务*/
serviceRiGateway: '/dcs-gateway',

2.在需要用到完整地址的地方用字符串拼接的方式将地址拼接：

imageUploaUrl: `${sysVars.serviceGateway}${sysVars.serviceDataService}/file/imageUpload`

3.如果是在services文件夹下的mapping文件夹下的接口映射js文件，需要先在配置代理的地方写上端口号的配置：

let ProxyDev;
let publicPath;

ProxyDev = require('@jackiewongamu/proxy-dev').ProxyDev;
publicPath = '';

const path = require('path');//引入path模块
function resolve(dir) {
    return path.join(__dirname, dir)//path.join(__dirname)设置绝对路径
}

module.exports = {
    publicPath: `${publicPath}/`,
    lintOnSave: false,
    productionSourceMap: false,
    devServer: {
        proxy: (
            new ProxyDev({
                // 'http://55.11.62.231:9077': [
                //     'dcs',
                // ],

                'http://55.11.62.231:9077': [
                    '/dcsgateway/dcs-dataportal', //数据服务，用于所有应用接口
                    '/dcsgateway/dcs-gateway', //网关服务，用于登录接口
                ], //PC端

                // 'http://55.11.62.31:9076': [
                //     '/dcsgateway/dcs-dataportal'
                // ],
            })
        ).genProxy()
    },


    chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('assets', resolve('src/assets'))
            .set('common', resolve('src/common'))
            .set('components', resolve('src/components'))
            .set('network', resolve('src/network'))
            .set('views', resolve('src/views'))
        //set第一个参数：设置的别名，第二个参数：设置的路径
    }

};

4.应用接口映射的js文件代码如下：

//数据服务-应用接口别名列表
let service = sysVars.serviceDataService;
const catalogApi = {
	'dcs-catalogue-getCatalogue': {
	 	url: `${service}/catalogue/r/getCatalogue/{id}`,
	 	type: 'get'
	 }
}

5.网关-登录接口的js文件代码如下：

let service = sysVars.serviceRiGateway;
const gatewayApi = {
	//登录
	'dcs-portal-login': {
	 	url: `${service}/portal/login`,
	 	type: 'get'
	 }
	//退出登录
	'dcs-portal-out-login': {
	 	url: `${service}/portal/out/login`,
	 	type: 'get'
	 }
}