app.vue点击运行时，不能在浏览器显示页面，而是在浏览器直接下载

m0_46210387

于 2023-11-21 10:55:21 发布

阅读量399

点赞数 1

文章标签： vue.js node.js npm

本文链接：https://blog.csdn.net/m0_46210387/article/details/134526416

版权

问题描述：

我自己的前端代码之前运行的还好好的，最近打开以后发现一点击运行，直接跳转到浏览器下载了app.vue，无法显示前端界面。而且在app.vue运行界面，也没有任何信息。

解决过程：

是自己的运行配置出错了

打开设置、Node.js and NPM的解释器没有找到，所以要手动重更新添加解释器

添加解释器发现运行app.vue时，提示node不是内部命令，在cmd下输入node -v提示node不是内部命令

所以我重新安装了node之后，app.vue可以正常运行了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_46210387

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue中使用文件流进行下载(new Blob),不打开一个新页面下载

Cool的博客

06-05

5214

exportfunctiondownload(url,params,filename){ Message.warning('导出数据中') returnaxios.get(url,{ params:params, responseType:'arraybuffer', }).then((r)=>{ constcontent=r.data constblob=newBlob([content],{type:'...

vue app.vue全局使用websocket

qq_40796623的博客

12-22

1144

直接上代码 app.vue data() { return { header_show: true, footer_show: true, isRouterAlive: true, //控制视图是否显示的变量 Token: "", timeoutObj: "", }; }, methods: { //ws连接 localSocket() { let that = this;

1 条评论您还未登录，请先登录后发表或查看评论

vue H5页面唤起手机app（iOS和Android），没有安装则跳转下载页面

热门推荐

web小袋鼠

09-17

1万+

test

vue一运行就通过浏览器下载APP.vue

qq_51995462的博客

04-12

660

我的解决方式是，我发现我的vue的图标不知道怎么变成了html的图标了，而且运行和调用的配置也变了，然后我重写文件类型，将图标变回了vue的类型，然后将我的运行调试配置改回我需要的，然后我就好了，其他产生的原因我也不清楚，我的就是这样解决的。我的情况是，当我一运行APP.vue，就通过浏览器下载，而不是打开网页，

vue如何打开新页面

m0_67080187的博客

03-25

8260

直接网站链接点击跳转到新的页面，话不多说上代码 let href = item1.nickname; //网站链接 window.open(href, "_blank");

vue运行机制

02-21

这一节笔者将为大家介绍一下 Vue.js 内部的整个流程，希望能让大家对全局有一个整体的印象，然后我们再来逐个模块进行讲解。从来没有了解过 Vue.js 实现的同学可能会对一些内容感到疑惑，这是很正常的，这一节的目的主要是为了让大家对整个流程有一个大概的认识，算是一个概览预备的过程，当把整本小册认真读完以后，再来阅读这一节，相信会有收获的。

vue实现不跳转下载文件

ZuoZuoDangerou的博客

11-19

3328

问题描述遇到一个需求，需要单独下载一个MP3或者图片文件，使用正常的a标签会跳转另一个网址且只能预览图片和文件。问题解决查了一些资料可以在请求里加blob属性来解决，办法是将你的图片地址或者音频地址拿过去再请求一遍，请求里要带上在responseType: "blob"这个然后按照正常的下载就行。亲测有效！ ...

解决＜RouterView＞在App.vue中不显示的问题

m0_63003627的博客

07-16

1770

3.检查main.js中是否正确引入router（我就是因为这个弄了半天T T)1.首先检查最容易拼错的routes。2.检查引入路径是否正确。

vue3＋ts+vite创建的项目，在App.vue写的全局组件（比如头部菜单栏，尾部footer这种公共组件）让指定页面（比如登陆页面不需要这些公共组件）不显示，可以用以下步骤：

weixin_54193181的博客

07-28

358

vue3＋ts+vite创建的项目，在App.vue写的全局组件（比如头部菜单栏，尾部footer这种公共组件）让指定页面（比如登陆页面不需要这些公共组件）不显示

微信下载APP跳转到浏览器页面，遮罩层提示，浏览器下载APP逻辑

最新发布

02-20

- 兼容性测试：确保在不同设备和浏览器上，跳转和下载过程都能正常运行。 - 用户体验优化：考虑到不同用户的习惯，可以提供复制下载链接手动粘贴到浏览器的备选方案。通过以上解释，我们可以理解微信下载APP跳转到...

微信跳转到默认浏览器下载app.zip

06-04

在移动互联网领域，微信作为一款超级App，拥有庞大的用户基数，但其内置的浏览器对于某些特定功能，如大文件下载、复杂交互等支持有限。因此，开发者常常需要将用户引导到设备的默认浏览器来完成这些操作，比如下载...

Vue 打包的静态文件不能直接运行的原因及解决办法

01-22

然而在使用 npm run build 打包项目时，却发现打包好的项目在浏览器中直接打开好像什么都没有？原因查看了一下打包后的 index.html 源码，终于发现了一个重要的点：所有涉及到路径的地方全都是以 / 开头的下面...

vue项目分析--index.html+main.js+App.vue关系,前端路由的使用

weixin_46045444的博客

10-11

3419

main.js引入文件 https://www.cnblogs.com/chenleideblog/p/10484554.html https://blog.csdn.net/bujiongdan/article/details/81416100 app.vue是一个根组件，main.js 是一个入口文件，index.html是项目入口 index.html有的时候放在public文件夹下 app.vue里实际上就是定义了一个可以操作的vue模板区域，export default实际上就是把这个根组件暴露出

vue项目加上路由组件页面不显示

weixin_61286286的博客

05-01

4341

注意：切记已经要export default router导出，不然在下面main.js中配置是import导入会找不到index.js这个文件。查看项目文件中package.json(或package-lock.json)中vue-router依赖是否成功添加。这个问题的主要还是路由没有配置好，导致App.vue文件无法显示，下面是。配置路由表index.js。

vue的App.vue

weixin_43980416的博客

06-21

4497

这里面<router-view></router-view>特别重要，因为在menu.js中，挂在了App.vue，所以App.vue最先被渲染，而当我们tian jia

vue项目怎么从头运行

mushroomLNL的博客

03-06

911

vue项目开启之后: index.html -->main.js --> App.vue -->index.js(router中的) index.js 这里面的< div id=“app”> </ div>会被App.vue完全取代 main.js main.js 是vue项目的入口文件 , 它的作用是引入App.vue 文件 ,并且将其挂载到 index.html 中作为根组件 , 并且 mian.js 中还会创建 vm 实例 import Vue from '

前端vue3把二进制文件流转文件下载到浏览器

weixin_42571979的博客

04-17

1693

这里目前只能使用fetch，不知道有没有其他方法。

Vue中实现页面上点击按钮下载文件(exe)

wuchangjian的专栏

11-06

2020

场景若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面搭建起来的Vue前端项目中，实现对接摄像头显示预览页面。但是该摄像头需要安装插件(exe文件)。所以需要在页面上添加下载插件按钮，实现手动点击下载插件。实现效果如下注：博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书、...

VUE实现下载文件，避免浏览器默认直接打开文件

weixin_48215380的博客

11-25

7376

前端如何实现文件下载，防止浏览器自动打开可预览文件

vue页面不显示app.vue

08-14

Vue页面不显示App.vue可能有以下几个原因： 1. 路径问题：首先要确保文件的路径是正确的，App.vue应该位于Vue项目的根目录中。如果路径不正确，页面是无法显示的。 2. 语法错误：在编写App.vue时，有可能存在语法错误导致页面无法显示。可能的错误包括拼写错误、漏掉了闭合标签、缺少必要的引号等。可以在浏览器的开发者工具中查看控制台输出，以寻找可能的错误信息。 3. 引入问题：确保在main.js文件中正确引入了App.vue组件。在main.js中，需要通过import语句将App.vue引入，并在创建Vue实例时将其作为根组件注册。 4. 组件名问题：在App.vue中，要确保组件的name属性设置为"App"，这样Vue才能正确识别它并在页面中渲染。 5. CSS样式问题：可能是CSS样式的问题导致页面无法正确显示。可以在App.vue中检查样式部分是否正确设置，或者在浏览器的开发者工具中查看元素的样式是否被正确应用。如果以上检查都没有解决问题，可以尝试重新创建一个新的Vue项目，并将原有的代码逐渐复制到新项目中，以确定是否是项目配置或其他环境问题导致页面无法显示。