vue中的uri_vue公共URL 定义方法(六)

这里写自定义目录标题

定义公共变量

正确的方式

原因解释

定义公共变量

vue3.0中，放在public文件夹下文件并不一定会不被打包。如果在main.js中直接引用，肯定会被webpack打包。如下写法在打包后，及时更改了url.js中的url地址，更改后的地址还是无效的。

1、目录结构：

2、url.js内容

export const httpUrl="http://10.88.44.142:8080";

3、main.js内容

import {httpUrl} from '../public/url';

Vue.prototype.httpUrl=httpUrl;

4、在文件中的使用

var socket = new SockJS(this.httpUrl + "/ws");

正确的方式

1、url.js

window.globalConfig = {

"apiUri": "http://10.88.44.142:8080"

}

2、config.js

import Vue from 'vue'

const API_BASE_URI = window.globalConfig.apiUri