vue启动后不能自动跳转到浏览器页面

最新推荐文章于 2023-03-24 14:20:16 发布
最新推荐文章于 2023-03-24 14:20:16 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48020754/article/details/118078819
版权

package.json 脚本 浏览器 自动打开 调试
关键词由CSDN通过智能技术生成

找到package.json文件，在scripts下找到你运行的脚本
在这里插入图片描述
后面加上–open
在这里插入图片描述
再去cmd端运行，即可自动跳转到浏览器页面！

「已注销」
关注
专栏目录
在脚手架vuecli怎么解决vue项目不能自动打开浏览器
User_XuKang的博客
10-29 843
1.如果是vuecli脚手架的版本在3或者4以上的用如下方法 方法一： 在项目中找到vue.config.js文件，如果没有就自己创建一个 ，加上以下代码 module.exports = { devServer: { open: true } } 方法二： 在项目中找到package.json文件在vue-cli-service serve 后面加上 --open 任选其一 2.如果是vuecli脚手架的版本在2用如下方法 首先找到confi..
vue的webpack5自动打开浏览器跳转到0.0.0.0:8080
weixin_45574920的博客
04-02 2731
vue自动打开浏览器跳转到0.0.0.0:8080 修改配置
vue ui不跳网页
m0_48020754的博客
05-04 373
使用vue ui时候 什么不出来，发现没有联网，就试着联网，结果就出来了，要联网。
前端项目启动 无法自动打开浏览器_啥都学点：Vue之使用Vue UI可视化创建Vue项目...
weixin_36391993的博客
01-26 667
使用Vue UI之前，先要了解下 Vue CLI，以下为官方介绍：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认...
Vue打包后浏览器不出来
ikEason_的博客
12-20 330
打包 **将router文件中index.js里： mode:history 改成hash 将历史模式改成哈希模式 **
vue脚手架搭建项目执行npm run dev (npm run serve) 后没有自动弹出页面
乌云大帝的博客
10-15 4653
2.x版本的vue，执行npm run dev后没自动弹出http://localhost:8080/ 网上查资料后发现是少了一步设置: 找到 config/index.js文件，打开 把 autoOpenBrowser: false,的false改成true.如图: 保存，重新打开即生效！ ...
Vue项目页面跳转时浏览器窗口上方显示进度条功能
10-15
在Vue项目中，为了提升用户体验，我们经常需要在页面跳转时显示浏览器窗口上方的进度条，以指示页面加载状态。这种功能可以帮助用户感知页面正在加载，减少他们因等待而产生的不耐烦感。实现这一功能，我们可以借助...
微信下载APP跳转到浏览器页面，遮罩层提示，浏览器下载APP逻辑
最新发布
02-20
这一过程涉及到了“微信下载APP跳转到浏览器页面”的逻辑，以及相关的用户体验设计，如遮罩层提示。下面将详细讲解这一逻辑及其背后的原因和实现方法。 首先，微信的这一策略是为了保护用户安全，防止恶意软件通过...
微信跳转到默认浏览器下载app.zip
06-04
- **处理未安装情况**：当用户点击链接但应用未安装时，微信会自动将请求转发到默认浏览器，展示下载页面。确保下载页面的体验良好，提供清晰的下载指示。 3. **代码实现**： 解压后的文件“微信跳转到默认浏览器...
配置vue项目启动后自动打开浏览器，出现网址跳转错误问题：网址为http://0.0.0.0:8080/ 的页面可能存在问题，或者已永久移动到新的网址。
m0_56588258的博客
10-07 6452
配置vue项目启动后自动打开浏览器，出现网址跳转错误问题：网址为http://0.0.0.0:8080/ 的页面可能存在问题，或者已永久移动到新的网址。
vue项目中浏览器自动打开，出现网址0.0.0.0:8080页面错误
m0_64351096的博客
09-21 2563
vue项目中浏览器自动打开，出现网址0.0.0.0:8080页面错误
解决vue新项目不能自动打开浏览器
sinat_35539553的博客
05-09 510
在新项目 config配置文件里有index.js把 autoOpenBrowser: true,就好了
vue cli-3 配置axios 跨域请求和表单提交
热门推荐
Eternal的博客
08-16 1万+
一、安装axios和qs 依赖包 二、配置 axios 全局变量 在main.js加上依赖的引入 import qs from 'qs' import common from '../public/js/common' import Axios from 'axios' Vue.prototype.$http = Axios Vue.prototype.$qs=qs 在src根目...
vue中运行项目自动打开浏览器失败
Stitch_xiao的博客
11-05 785
vue中运行项目自动打开浏览器失败
解决vue不能自动打开浏览器
weixin_33721427的博客
02-26 962
有时候在运行cnpm run dev后，项目启动成功，如下 但是需要我们手动在浏览器输入http://localhost:8080，真的好麻烦。。。 但是，vue项目可以设置启动项目自动打开浏览器 1.找到config下的index.js 2.把文件里的autoOpenBrowser设置为true 3.关闭应用Ctrl+c,重新启动即可自动打开浏览器 转载于:https...
如何解决vue项目不能自动打开浏览器
岁月如歌去，十年弹指间
10-16 8319
运行项目npm run dev 命令行中已经提示我们运行成功了 等了半天浏览器也没有自动打开，没办法我们只能自己手动输入了 那么我们如何在npm run dev之后自动打开浏览器呢？ 首先找到config/index.js文件 在文件module.exports配置中找到autoOpenBrowser ...
vue项目中devServe 设置open为true的时候浏览器启动两次的解决办法
芳草萋萋鹦鹉洲哦
02-18 3950
使用潘家成大佬的vue-admin-template框架，发现npm run dev后浏览器总是启动两次，出现两个相同的页面。 下面说一下解决办法： vue.config.js 里的devServer里的open选项改为false， package.json中的scripts改为 {“dev”: “vue-cli-service serve --open”} 然后就万事大吉辽 ...
vue配置项目启动时自动打开浏览器
Sylvasylva的博客
12-11 964
vue配置启动时自动打开浏览器。如果配置了open为true，没有配置host，项目启动时浏览器只会自动打开0.0.0.0:80的页面，而不会打开本地项目启动的正确地址。
vue-cli-service serve --open启动项目时打开浏览器失效无法打开浏览器解决方法
山前山后各有哀愁 有风无风都不自由
03-24 2576
vue-cli 运行vue项目，设置 vue-cli-service serve --open 自动打开浏览器失效，npm run serve无法启动浏览器
java前后端分离，后端重定向到前端vue页面
05-27
在Java前后端分离的架构中，前端和后端是独立部署的两个应用程序，因此后端无法直接重定向到前端的Vue页面。通常情况下，前端和后端之间通过RESTful API进行通信，前端通过AJAX请求后端API获取数据并渲染页面。 如果你需要实现后端重定向到前端的Vue页面，可以采取以下两种方式： 1. 通过HTTP代理实现重定向 在这种方式中，你可以在后端应用程序中配置一个HTTP代理，将前端Vue应用程序的URL地址映射到后端应用程序的URL地址。当客户端请求前端Vue页面时，后端应用程序会将请求转发到前端Vue应用程序，并将前端Vue应用程序的响应发送给客户端浏览器。 下面是一个使用Nginx作为HTTP代理的示例配置： ``` location /vue-page { proxy_pass http://localhost:8080; } ``` 在上面的配置中，我们将请求URL地址中包含`/vue-page`的请求转发到`http://localhost:8080`地址。在这里，`http://localhost:8080`是前端Vue应用程序的地址。当客户端请求`/vue-page`时，Nginx会将请求转发到前端Vue应用程序，并将前端Vue应用程序的响应发送给客户端浏览器。 2. 重定向到前端路由地址 在这种方式中，你可以在后端应用程序中将请求重定向到前端Vue应用程序的路由地址。当客户端浏览器接收到重定向响应时，会自动跳转到前端Vue应用程序的路由地址，并显示对应的页面。 下面是一个使用Spring Boot实现后端重定向到前端Vue页面的示例代码： ``` @Controller public class MyController { @RequestMapping("/vue-page") public String vuePage() { // 重定向到前端路由地址 return "redirect:/vue-page/home"; } } ``` 在上面的代码中，我们将请求重定向到前端Vue应用程序的`/vue-page/home`路由地址。当客户端浏览器接收到重定向响应时，会自动跳转到前端Vue应用程序的`/vue-page/home`路由地址，并显示对应的页面。 需要注意的是，在采用这种方式时，前端Vue应用程序必须已经加载并启动，否则客户端浏览器无法跳转到前端Vue应用程序的路由地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值