在网络上提供热重载

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它尝试调用localhost。如何强制我的网络地址？

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

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

感谢您提供我可以配置此类内容的任何提示。我希望我应该推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'
  }
}

将通过套接字侦听器解决对localhost的调用问题。

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

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

它正在使用scss文件中的热重载。