vue—network：available

vue项目运行时候，network：available

img


vue.config.js文件界面如下：

img


我试过加上一个module，在里面配置host，public，但是会报错

img


请问，怎么解决这个问题啊？

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/1101429
  • 你也可以参考下这篇文章：vue项目 Network: unavailable的解决办法
  • 除此之外, 这篇博客: vue .env文件配置使用中的 ④、全局配置 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    你也可以将 process.env.VUE_APP_API_BASE_URL 存入 window._config 或者 Vue.prototype 原型中

    import Vue from 'vue'
//设置全局API_BASE_URL
Vue.prototype.API_BASE_URL = process.env.VUE_APP_API_BASE_URL
window._CONFIG['domianURL'] = Vue.prototype.API_BASE_URL
//单点登录地址
window._CONFIG['casPrefixUrl'] = process.env.VUE_APP_CAS_BASE_URL
window._CONFIG['onlinePreviewDomainURL'] =  process.env.VUE_APP_ONLINE_BASE_URL
window._CONFIG['staticDomainURL'] = Vue.prototype.API_BASE_URL + '/sys/common/static'
window._CONFIG['pdfDomainURL'] = Vue.prototype.API_BASE_URL+ '/sys/common/pdf/pdfPreviewIframe'
// 存入 window._CONFIG
window._CONFIG['webSocket'] = process.env.VUE_APP_WEBSOCKET // 我的 .env.developmen 以修改正确
// 存入 Vue.prototype
Vue.prototype.APP_WEBSOCKET = process.env.VUE_APP_WEBSOCKET

    可以随便写在一个文件里，通常会写在 config/index.js 中，在 main.js 引入即可

    window._CONFIG[‘webSocket’]

    Vue.prototype.APP_WEBSOCKET 或 this.APP_WEBSOCKET 或 process.env.VUE_APP_WEBSOCKET，这三个是等价的常用 this.APP_WEBSOCKET

    在这里插入图片描述
    注意：
    添加实例 property 时需要注意，带$ 和不带的区别

    https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html

    $ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。

    Vue.prototype.$userName = "jeecg-boot"
Vue.prototype.pass_word = "123456789"

    使用

    console.log(this.$userName)
console.log(this.pass_word)

    简单说

    • 如果 vue 原型参数和组件中定义的参数相同，则会被覆盖，有冲突，建议使用 $ 定义原型参数
    • 如果 vue 原型参数和组件中定义的参数不相同，那么可以不使用 $ 定义

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^