Ant Design Pro Vue 打包后本地无法预览

本文解决Ant-Design-Pro-Vue项目打包后无法预览的问题,介绍如何使用node.js+express搭建本地服务进行预览,包括Express模板下载、dist文件夹内容拷贝及npm启动步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于Ant-Design-Pro-Vue项目打包后无法预览问题
打包后的dist文件夹
在这里插入图片描述

打开index.html
在这里插入图片描述
一直处于加载状态
由于官方没有明确说明打包后的配置和部署,对于初学者来说以为打开index.html就可以预览了
预览打包后的项目则需要部署在服务端

但是一般服务端都是由后端负责的,当然前端也可以本地搭建一个服务端
基于node.js+express 搭建的本地服务
具体可以参考 文章https://blog.csdn.net/weixin_43835425/article/details/103101571

下载好的 Express 模板
在这里插入图片描述
将打包好的dist文件夹中的内容拷贝到 public文件夹下
在这里插入图片描述
在Express文件夹下执行 npm start
在这里插入图片描述
打开端口号http://localhost:3000

在这里插入图片描述
预览成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值