你好，我在Vue中的项目有问题。
我在docker中有frontend backend和Db for backend。
下面是vue.config.js配置：
module.exports = defineConfig({
configureWebpack: {
entry: "./src/main.js",
devServer: {
hot: true,
},
watch: true,
watchOptions: {
ignored: /node_modules/,
poll: 500,
},
},
transpileDependencies: true
})容器在创建过程中会安装npm和package.json中给出的包：
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@morioh/v-smooth-scrollbar": "^1.0.3",
"@vuepic/vue-datepicker": "^4.2.0",
"@vueuse/core": "^9.13.0",
"ajax": "^0.0.4",
"axios": "^1.3.3",
"core-js": "^3.8.3",
"mitt": "^3.0.0",
"register-service-worker": "^1.7.2",
"smoothscroll-polyfill": "^0.4.4",
"vue": "^3.2.13",
"vue-axios": "^3.5.2",
"vue-class-component": "^8.0.0-0",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
},
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^5.4.0",
"@typescript-eslint/parser": "^5.4.0",
"@vue-leaflet/vue-leaflet": "^0.8.4",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-pwa": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-typescript": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"@vue/eslint-config-typescript": "^9.1.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"leaflet": "^1.9.3",
"sass": "^1.32.7",
"sass-loader": "^12.0.0",
"typescript": "~4.5.5"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended",
"@vue/typescript/recommended"
],
"parserOptions": {
"ecmaVersion": 2020
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie 11"
]
}我把所有的东西都贴出来了，所以没有混淆：）
直到昨天一切都很好，但今天重新启动容器后，页面的热重载选项停止工作。
当容器启动时，我得到这样的输出：
frontend | App running at:
frontend | - Local: http://localhost:8080/
frontend | - Network: http://172.26.0.4:8080/
frontend |
No issues found.当我使用http：//localhost：8080在浏览器中启动页面时，页面加载，但当我保存更改时，实时重新加载选项已停止工作。
在控制台我可以看到浏览器尝试下载更新，但没有得到任何响应
WebSocket connection to 'ws://172.26.0.4:8080/ws' failed:
WebSocketClient @ WebSocketClient.js?5586:16
initSocket @ socket.js?d6e0:24
eval @ socket.js?d6e0:48我试着从零开始组装集装箱。
我采取了旧版本的kyod，但组成后仍然这个选项不起作用
当我手动刷新页面时，内容会正确更改。
你知道可能是什么故障吗
此外，在其他计算机上它工作正常。
他们编译整个项目的时间比我晚，所以如果它依赖于一些节点模块，它也不会工作。无论如何，我已经尝试从头开始创建容器2天了，所以没有node_ modules是过时的。问题不在配置中，因为一天前它还在工作。或者是我的comp上有什么东西可能阻塞了ws：//www.example.com的流量172.26.0.4:8080/ws
此外，它在其他浏览器上看起来相同。
我目前正在安装一个vm来检查它，仍然是这样，但很想听到关于我还可以检查什么的建议。
感谢您的互动提前和指望你！
1条答案
按热度按时间jgwigjjp1#
附加信息：
这是我的集装箱检查：
]