在网络上提供热重载答案

【问题标题】：serve hot reload on the network在网络上提供热重载
【发布时间】：2019-08-31 00:48:09
【问题描述】：

我有一台装有 debian 的计算机，通过 nettalk 与我共享文件夹。在这个 debian 上，我运行测试服务器 npm run serve 下一个 192.168.0.x:8080 就可以了。

问题在于后台检查 sockjs.js?9be2:1605 GET http://localhost:8080/sockjs-node/info?t=1554826524135 net::ERR_CONNECTION_REFUSED 它尝试调用本地主机。如何强制我的网络地址？

第二个问题是我使用scss并默认将其编译为css sass工具。这意味着在vue之外。它不是样式化的组件。

当我在本地机器上运行 npm serve 来加载新的 css 文件时，我需要在浏览器中重新加载页面。当它在我的本地网络中的机器上运行时，我需要重新启动 npm run serve 并在浏览器中重新加载页面。

感谢您提供任何可以配置此类内容的提示。我希望我应该推送process.env.BASE_URL，但我已经尝试创建.env.local 并在那里推送BASE_URL。在所有BASE_URL 中仍然是“/”

【问题讨论】：

【解决方案1】：

如果有人需要解决类似的问题，我找到了解决方案。

在/vue.config.js 文件中

const path = require('path')

module.exports = {
  devServer: {
    proxy: 'http://localhost:8080',
    public: '192.168.0.x:8080'
  }
}

将解决套接字侦听器对本地主机的调用问题。

重新加载样式我以不同的方式解决。我使用 scss 作为预处理器，我使用了node-sass、sass-loader 模块并在 App.vue 中

<template>...</template>
<script>...</script>
<style lang="scss">
  @import "path/to/your.scss";
</style>

它正在处理 scss 文件中的热重载。

【讨论】：