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

关于Ant-Design-Pro-Vue项目打包后无法预览问题
打包后的dist文件夹
Ant Design Pro Vue 打包后本地无法预览_第1张图片

打开index.html
Ant Design Pro Vue 打包后本地无法预览_第2张图片
一直处于加载状态
由于官方没有明确说明打包后的配置和部署,对于初学者来说以为打开index.html就可以预览了
预览打包后的项目则需要部署在服务端

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

下载好的 Express 模板
Ant Design Pro Vue 打包后本地无法预览_第3张图片
将打包好的dist文件夹中的内容拷贝到 public文件夹下
Ant Design Pro Vue 打包后本地无法预览_第4张图片
在Express文件夹下执行 npm start
Ant Design Pro Vue 打包后本地无法预览_第5张图片
打开端口号http://localhost:3000

Ant Design Pro Vue 打包后本地无法预览_第6张图片
预览成功

你可能感兴趣的:(node.js,Ant,Design,Vue,vue.js,node.js)