在网络上提供热重载服务

Question

我有一台装有 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.js 之外。它不是样式化的组件。

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

感谢您给我可以配置这些东西的任何提示。我希望我应该推送 process.env.BASE_URL，但我已经尝试创建 .env.local 并推送到 BASE_URL。在所有 BASE_URL 仍然是 "/"

Answer 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 文件中使用热重载。

serve hot reload on the network