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

关于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

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

猜你喜欢

转载自blog.csdn.net/weixin_43835425/article/details/108189970