# :-: 前端构建和发布
## 构建和发布
### 构建
在构建前,需要检查一下构建的基本配置,这个配置主要在`src/.env.production`中,在**配置篇-开发配置**文档中查看。
在终端执行命令进行项目打包:
~~~
$ npm run build
~~~
构建打包成功之后,默认会在根目录生成`dist`文件夹,里面就是构建打包好的文件,通常是`**.js`、`**.css`、`index.html`等静态文件。
### 发布
iView Admin Pro 是典型的 SPA 类型的工程,打包后的文件分为 index.html 和其它静态资源,整个项目只有 index.html 这一个入口文件,其它都是 Webpack 来管理的了。
所以,发布一个 SPA 项目,核心就是渲染这个 index.html 以及静态资源的位置。
一般来说,你可能使用 Nginx、Apache 等渲染这个入口文件 index.html,也可以使用 CDN 的服务,比如七牛。
### 发布失败常见问题
1. 服务端是否支持`history`路由模式。框架默认为 history 模式,需服务端处理 404 情况,否则可以改为`hash`模式。
2. 静态资源地址`publicPath`是否修改正确,可以修改为绝对地址,避免出错。
### 更多文档请访问:[https://www.iviewui.com/docs/introduce](https://www.iviewui.com/docs/introduce)
- 序言
- 快速上手
- 项目架构图
- App功能图
- Admin功能图
- 快速了解
- 快速开始
- 本地开发
- 服务器及系统搭建
- 服务器购买
- 域名购买(已有域名则跳过)
- 域名解析
- 服务器配置
- 宝塔配置
- 创建站点
- 服务部署
- 新手入门
- 运行项目和打包前准备
- Java项目运行和打包
- VUE WEB PC 管理端运行和打包
- Uniapp 移动端运行和打包
- 其他
- 短信设置
- 小票打印配置
- 客服
- 复制第三方平台商品
- 使用说明
- 首页
- 商品分类
- 分类说明
- 分类管理
- 普通产品
- 发布商品
- 商品规格
- 商品评价
- 前台页面
- 产品属性
- 产品详情
- 产品热门搜索
- 秒杀配置维护
- 秒杀商品维护
- 砍价
- 秒杀产品
- 砍价规则
- 砍价活动
- 拼团
- 拼团规则
- 拼团活动
- 分销配置
- 提现
- 佣金提现
- 分销
- 提现规则
- 发起提现
- 后台审核
- 分销员管理
- 分销规则说明
- 优惠券
- 发布优惠券
- 领取及使用
- 会员等级
- 等级说明
- 积分
- 积分设置
- 积分来源
- 积分使用
- 文章管理
- 文章界面
- 发布文章
- 订单管理
- 后台订单处理
- 前端订单处理
- 订单退款
- 订单打印
- 账户管理
- 账号信息
- 账户资金
- 邮费说明
- 邮费组成
- 商城运费设置
- 运费模板
- 商品采集
- 物流查询
- 电子面单
- 一号通
- 短信
- 设置
- 系统配置
- 物流配置
- 文件上传配置
- 库存说明
- 本地存储
- 常见问题
- 七牛云存储
- 公众号
- 腾讯云存储
- 配置
- 阿里云存储
- 菜单
- uniapp打包H5
- 开发配置
- 公众号模板消息
- 微信小程序
- 微信平台配置
- CRMEB后台配置
- 微信小程序提交审核
- 微信小程序版本发布
- 微信小程序订阅消息
- 微信小程序客服
- 支付
- 支付配置
- 公众号支付
- 小程序支付
- WEB PC页面刷新404
- npm镜像问题
- 测试环境微信授权弹出提示框
- Swagger 后台 API 文档
- start.sh启动报错
- 后台管理系统登录问题
- 系统默认管理员登陆账号
- 微信消息推送接口地址
- 宝塔redis设置密码
- 商品详情中的上传图片组件404
- Java子项目日志
- 支付成功但订单显示失败
- 移动端基本介绍
- 首页
- 分类页
- 个人中心
- WEB PC 管理端基本介绍
- 后台前端目录结构
- 前端开发配置
- 前端配置说明
- 前端添加页面
- 前端引用组件
- 前端构建和发布
- 技术文档
- 项目
- Crmeb
- 移动端
- PC后台
- 开发规范
- 数据字典
- Crmeb
- 任务
- 组合数据
- 后台表单说明
- 拦截器
- 过滤器
- MyBatis-Plus
- 无限级分类设计
- 分页配置
- 必看内容
- 七牛云
- 本地存储
- 七牛云存储
- 腾讯云存储
- 文件上传
- 阿里云存储
- 附录