vue 同时跑localhost和ip地址

用cli构建的项目，nom run dev 后，默认打开的链接是 http://localhost:8080

image.png

如果需要ip跑项目， 每次要改host很麻烦，使用@vue/cli-service ,就可以每次npm run dev 后，直接生成两个链接：如图
是不是很方便呀， 下面就来说下具体的使用方法吧。

image.png

1、首先下载@vue/cli-service

npm i @vue/cli-service

2、修改npm run dev 执行命令，把路径指向@vue/cli-service文件

"scripts": {
   "dev": "node --max_old_space_size=8096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open",
 },

3、修改mian.js中的代码
这个时候我们会发现报错You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

image.png

此时只需要将代码修改如下就可以了

new Vue({
  router,
  render: h => h(App)
}).$mount("#app")

完美！！！