vue.js - 在网络上提供热重载

Question

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

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

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

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

感谢您提供我可以配置此类内容的任何提示。 我希望我应该推送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 文件中的热重载。