习惯用idea编写代码了,用idea配置好npm后
在package.json的scripts里的serve后面追加‘--open’,表示执行完npm run serve后,自动跳转到浏览器
{
"name": "springboot-vue-demo",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build"
},
"dependencies": {
"core-js": "^3.8.3",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie 11"
]
}
结果浏览器地址显示
http://0.0.0.0:8080/
实际的地址应该是
- Local: http://localhost:8080/
- Network: http://192.168.6.172:8080/
原来是需要修改vue里的配置,找到
node_modules/@vue/cli-service/lib/commands/serve.js
在host:'0.0.0.0'后面修改为‘127.0.0.1’
修改后如下
保存重新启动就可以了
参考:
(116条消息) IDEA打开浏览器自动跳转0.0.0:8080而不是localhost:8080_月上入刀流的博客-CSDN博客_idea不用localhost