vue-element-admin部署⽣产环境
是⼀个后台前端解决⽅案，它基于  和 实现。
通过使⽤这套模板我们可以快速搭建起完整的  后台管理系统。
我们跟着  快速建⽴起开发环境，但是⼀开始怎么部署到linux的⽣产环境有点不知所措，这⾥记录下部署的流程和遇到的问题。
1、打包⽣成静态⽂件
# 打包正式环境
npm run build:prod
# 打包预发布环境
npm run build:stage
但是这⾥有个问题，会存在static/js资源不到的问题，原因是 默认的  中的 fig.js 中的 publicPath 是 ‘/’,  这样会导致打包出来的js都是 / 开头的，即是根路径下的⽂件，但我们往往不需要这样，
修改为 './'， 意思为当前路径下。
当我们打包好后 会⽣成⼀个 dist ⽂件夹
但我们如果直接打开dist⽂件夹中的 index.html⽂件会发现js⽂件加载不了等问题，翻看⽂档可知需要把 这些静态⽂件发布到静态服务器中。
对于发布来讲，只需要将最终⽣成的静态⽂件，也就是通常情况下 dist ⽂件夹的静态⽂件发布到你的 cdn 或者静态服务器即可，需要注意的是其中的 index.html 通常会是你后台服务的⼊⼝页⾯，在确定了 js 和 css 的静态之后可能需要改变页⾯的引⼊路径。
2、发布到静态服务器
静态服务器有很多，这⾥采⽤nginx的⽅式配置，通过命令我们可以看到这时我们的nginx已经启动。
打开f的配置，配置⼀个server，具体可以参考如下。
server {
listen      9104;
location /projectStart/ {
root  /data/project;
autoindex on;
autoindex_exact_size on;
autoindex_localtime on;
}
add_header Access-Control-Allow-Origin "*";
default_type 'text/html';
charset utf-8;
}
这时我们可以看到 root地址 配置为 /data/project ⽂件夹，然后我们还配置了项⽬前缀，所以我们应该把 dist的内容放到如下⽂件夹 下：
/data/project/projectStart
如下⽂件夹中的内容即dist中的内容
vue element admin
如果正常的话现在我们可以通过127.0.0.1:9104/projectStart访问到项⽬了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。