我们在Vue项目package.js文件里配置启动后启动后自动打开浏览器时,也就是加上–open

"scripts": {"serve": "vue-cli-service serve --open","build": "vue-cli-service build"},

会出现以下问题:

解决方法:
在vue.config.js文件里做修改:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,devServer: { host: 'localhost', port: 8080, },//添加这一行
})

但是有一点需要注意的是,下面端口8080不是写死的,当8080端口被占用时,vue会自动换一个新的端口,例如:localhost:8081

devServer: { host: 'localhost', port: 8080, },

配置vue项目启动后自动打开浏览器,出现网址跳转错误问题:网址为http://0.0.0.0:8080/ 的页面可能存在问题,或者已永久移动到新的网址。相关推荐

  1. Vue项目启动后自动打开浏览器

    vue-cli 覆盖webpack配置 vue项目每次启动时都需要复制链接地址打开浏览器,影响到开发效率,下面一行代码配置,解决问题,自动打开浏览器! 项目根目录下新 vue.config.js(和s ...

  2. Vue进阶(幺陆叁):vue项目启动后自动打开页面并设置默认浏览器

    文章目录 一.修改默认浏览器 二.vue 项目启动自动打开页面 三.拓展阅读 以windows 系统为例,操作方法如下: 一.修改默认浏览器 设置谷歌浏览器为默认浏览器. 1.首先打开"开始 ...

  3. Springboot项目启动后自动打开浏览器访问(超实用)

    Springboot项目启动后自动打开浏览器访问 1.在Springboot项目中每次启动完项目,手动在浏览器输入访问地址太麻烦了.在启动类中加入下方代码,就可高效地在控制台中单击URL访问项目了~ ...

  4. springboot配置启动后自动打开浏览器访问项目

    springboot配置项目启动后自动打开浏览器访问项目 有时候在单机部署,或者项目没有在IDea 开发工具中运行(idea可以自动打开tomcat项目),需要项目启动后自动打开浏览器访问项目,配置方 ...

  5. Springboot项目启动后自动在浏览器打开

    Springboot项目启动后自动在浏览器打开(超简单)_杨默他的国的博客-CSDN博客_springboot启动后怎么看网页 try {InetAddress addr = InetAddress. ...

  6. vue配置项目启动时自动打开浏览器

    在vue.config.js文件中添加以下配置,重点是配置host,port,open module.exports = {devServer: {host: 'localhost',//启动后的ho ...

  7. 用Python在Tomcat成功启动后自动打开浏览器访问Web应用

    前提条件 Windows Python 2.7 需设置CATALINA_HOME环境变量 放码过来 # -*- coding: utf-8 -* import os import time impor ...

  8. vue项目启动后自动跳转页面

    通常情况下,执行完命令:npm run dev,需要手动打开页面,如果想要启动完让其自动跳转页面该如何设置呢? 找到项目目录下:config/index.js,设置其文件中autoOpenBrowse ...

  9. 网址为http://0.0.0.0:8080/ 的页面可能存在问题,或者已永久移动到新的网址。

    网址为http://0.0.0.0:8080/ 的页面可能存在问题,或者已永久移动到新的网址. 解决:在vue.config.js写入:devServer: { host: 'localhost', ...

最新文章

  1. Object Detection+目标检测概述及其常见模型总结
  2. 如何用比特币现金地址和数字签名证明所有权
  3. powertoys中文版
  4. 洛谷P2995奇数偶数
  5. Python基础(一)--初识Python
  6. 机器学习笔记III: 基于支持向量机的分类预测
  7. java判断变量是奇书还是偶数_测试值是奇数还是偶数
  8. WebService学习总结(4)——第三方webService服务调用
  9. 008.一个简单的网络服务器开发----回声服务器
  10. window.location.reload(false);window.location.reload(true);history.Go(0)区别
  11. IIC总线设计⑥——时钟模块DS1302
  12. Flash Builder 4.7 正式版下载、破解
  13. 当你灵感枯竭的时候,如何深挖客户需求?采用曼陀罗思考法(5W1H模式),相信你会找到出路
  14. 阿里云实践案例:使用ECS与OSS搭建个人云盘
  15. 今日恐慌与贪婪指数为15 恐慌程度小幅上升
  16. 7-4 输出两行短句 (10分)
  17. 后端开发者从零做一个移动应用(一)
  18. 开源量化框架Catalyst中文教程(3)——双均线策略
  19. 大数据技术大致包含哪些内容
  20. CCF 201709-2 公共钥匙盒 (Java 100分)

热门文章

  1. Macos安装redis及redis可视化管理工具
  2. cad编辑节点快捷键是什么_CAD常用命令、快捷键和命令说明大全
  3. 机器学习之神经网络的公式推导与python代码(手写+pytorch)实现
  4. 第6课【EXTI中断】中断 事件 NVIC EXTI寄存器
  5. NIO 看破也说破: 搞,今天就搞,搞懂 Buffer
  6. c语言实现sha1算法注解,【密码学】SHA1算法实现及详解
  7. 基于JQuery的活动月历(包含公历和农历)
  8. AUC值越大_「机器学习速成」分类,评估指标(TP、FP、TN、FN),ROC曲线和AUC
  9. 如何通过ETCD实现EasyDSS分布式负载均衡?ETCD部署方案
  10. Word通配符替换中文引号为中文