Vite执行npm run serve后浏览器报Cannot GET /

在使用 Vite 时,想像以前执行 npm run serve 一样,查看生产环境的应用。

在执行后并未发现异常,但在浏览器访问时,显示 Cannot GET /,说是找不到根目录。

在网上查找解决方案,发现并没有结果。可能是还没有人踩到这个坑。

查看了 package.json 文件中的 scripts,运行 npm run serve 执行的是 vite preview.

"scripts": {"dev": "vite","build": "vue-tsc --noEmit && vite build","serve": "vite preview"
}

最后通过官方文档发现,vite preview 实际上只是帮我们开启了一个静态 Web 服务器,并没有构建项目。需要先运行 npm run build 后,再运行 npm run serve 可以正常访问啦!


---------------------
作者:勇敢的阿呆
来源:CSDN
原文:https://blog.csdn.net/qq_41664096/article/details/121312823
版权声明:本文为作者原创文章,转载请附上博文链接!
内容解析By:CSDN,CNBLOG博客文章一键转载插件

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/283509.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1.2开发文档简读,了解全貌.mp4

转载于:https://www.cnblogs.com/ZHONGZHENHUA/p/6910254.html

开源:一款开源的高颜值现代化桌面美化工具

背景在日常的工作或学习中,难免会有一些临时的文件夹,文件,应用,出现在你的桌面,但是呢你又不确定它是不是哪一天会突然用到,这样一天又一天,直至你的电脑桌面是一片狼藉,满屏的文件…

10月31日,面试题小结

localStorage和sessionStorage localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。 localStorage生命周期…

软件工程—团队作业1

软件工程—团队作业1 团队称号:Thanos (灭霸,超叼的一个动漫人物) 团队成员: 队长 成凯 1600802002 博客链接: http://www.cnblogs.com/ck03/ 党康 1600208004 博客链接: http://www.cnblogs…

Nginx单服务器部署多个网站,域名

Nginx部署多网站 一个反向代理服务器,集中处理请求,转发到其他服务器上 一、单网站单服务器的Nginx配置 server {listen 80; # 监听80端口server_name www.google.com google.com; # 带www域名和不带www域名都指向该网站资源location / {root /…

Comparable、Iterator接口和Collections类的实现方法

Comparable接口: 此接口强行对实现它的每个类的对象进行整体排序。这种排序被称为类的自然排序,类的 compareTo 方法被称为它的自然比较方法。 实现此接口的对象列表(和数组)可以通过 Collections.sort(和 Arrays.sort…

k8s 读书笔记 - kubernetes 基本概念和术语(上)

k8s 资源控制系统k8s 中大部分概念如:Node、Pod、Replication Controller、RS、Deployment、Service 等都可以被看作一种资源对象,激活所有的资源对象都可以通过 k8s 提供 kubectl 工具(或者 API 编程调用)执行 CRUD 等操作并将其…

CentOs6.5下安装svn

1、检查是否已安装 rpm -qa subversion 1、1如果需要卸载旧版本(如果想在一台机器安装不同svn,切记不要执行此步骤!!!) yum remove subversion 2、安装 yum install subversion 3、检查安装是否成功 svnser…

奉献一波鹅厂的面经!纪念最后的校招!| 掘金技术征文

薪资:special offer(已收到正式offer) 个人情况:主要做后台研发方向(c/c++/java)都用过,末流985计算机专业硕士,有过长达一年半的实习工作经历。计算机基础,算法,项目都还马马虎虎。之前秋招有运气好有拿到…

Git remote: Access deniedfatal: unable to access ‘https://gitee.com/* 正确的解决办法

错误信息类似于: remote: [session-********] Access denied fatal: unable to access https://gitee.com/*/*.git/: The requested URL returned error: 403 如果是私有项目,请将remote地址改为: https://yournamegitee.com/…… https://yournameg…

Android 升级到android studio 2.2项目死活run不起来

背景:升级到Android studio 2.2项目死活运行不起来 现象如下: run with --stacktrace --debug等等抛出的bug简直无法忍视 解决办法:把compileSdkVersion 改为23成功run起来了

android 打开系统相机,

1.第一步在androidmanifest。xml中注册 <uses-permission android:name"android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name"android.permission.READ_EXTERNAL_STORAGE" /> 2.第二步创建activity_creama.xml <R…

【python】-- Django 中间件、缓存、信号

Django 中间件、缓存、信号 一、 Django 中间件 django 中的中间件&#xff08;middleware&#xff09;&#xff0c;在django中&#xff0c;中间件其实就是一个类&#xff0c;在请求到来和结束后&#xff0c;django会根据自己的规则在合适的时机执行中间件中相应的方法。 在d…

【温故知新】C#中 IEnumerable 与IQueryable

微信公众号&#xff1a;趣编程ACE关注可了解更多的.NET日常实战开发技巧&#xff0c;如需源码 后台回复 源码 即可;如果觉得对你有帮助&#xff0c;欢迎关注老生常谈 C#中 IEnumerable 与IQueryableIEnumerable 与 IQueryable 对于.Neter来说并不陌生&#xff0c;今天我就着重阐…

5个知识点,让 Vue3 开发更加丝滑

一、setup name 增强 Vue3的setup语法糖是个好东西&#xff0c;但使用setup语法带来的第一个问题就是无法自定义name&#xff0c;而我们使用keep-alive往往是需要name的&#xff0c;解决这个问题通常是通过写两个script标签来解决&#xff0c;一个使用setup&#xff0c;一个不使…

石子归并 51Nod - 1021

N堆石子摆成一条线。现要将石子有次序地合并成一堆。规定每次只能选相邻的2堆石子合并成新的一堆&#xff0c;并将新的一堆石子数记为该次合并的代价。计算将N堆石子合并成一堆的最小代价。 例如&#xff1a; 1 2 3 4&#xff0c;有不少合并方法1 2 3 4 > 3 3 4(3) > 6 4…

Scala基础 - _root_ package的作用

2019独角兽企业重金招聘Python工程师标准>>> 在Scala中引入类时支持相对路径&#xff0c;例如&#xff1a; import play.api.libs.json._ import play.api.libs.json.util.LazyHelper可以简写成&#xff1a; import play.api.libs.json._ import util.LazyHelper通常…

使用.NET简单实现一个Redis的高性能克隆版(六)

译者注该原文是Ayende Rahien大佬业余自己在使用C# 和 .NET构建一个简单、高性能兼容Redis协议的数据库的经历。首先这个"Redis"是非常简单的实现&#xff0c;但是他在优化这个简单"Redis"路程很有趣&#xff0c;也能给我们在从事性能优化工作时带来一些启…

Netty 4.x – ByteBuf

2019独角兽企业重金招聘Python工程师标准>>> 1、ByteBuf与Java NIO Buffer ByteBuf则是Java NIO Buffer的新轮子&#xff0c;官方列出了一些ByteBuf的特性&#xff1a; 需要的话&#xff0c;可以自定义buffer类型&#xff1b;通过组合buffer类型&#xff0c;可实现透…

Vue3关于响应式数据类型(ref、reactive、toRef、以及toRefs)

ref 接受一个内部值&#xff0c;返回一个响应式的、可更改的 ref 对象&#xff0c;此对象只有一个指向其内部值的 property .value。类型function ref<T>(value: T): Ref<UnwrapRef<T>>interface Ref<T> {value: T }详细信息ref 对象是可更改的&#x…