代码拉取完成，页面将自动刷新
去后端
宣传用图片：
分享用二维码：
下载后cd mxg-vue-practice，先运行npm install，然后运行npm run serve就可以正常访问啦！
注：因为是只有Vue + Element UI，没有后端，所以api接口都是使用的我在梦学谷搭建的那个easy-mock网址上定义的。如果你觉得太卡了，经常访问超时的话，可以按照我在本项目所需的所有API目录下的提示创建出一套属于自己的api接口。接口的文档我全部提供了，非常完整！（并且在他原视频的基础上加了一些判断，比如密码必须为123啊，查询的时候会根据页数返回id啊之类的。）
npm run build 将代码打包。（确定是已经npm install过的！）
可以把生成的dist目录重命名成mxg-mms，或者其他任何名字
以上两步也可以通过下载我的发行版解决。
上传到服务器（或虚拟机）
在服务器（或虚拟机）的nginx配置文件中添加下方配置
server
{
listen 80;
server_name vue.xiaoao.space;# 请改成你的服务器的域名
# include enable-php.conf;
location /
{
root /www/wwwroot/mxg-mms;# 请改成你上传的位置
index index.html index.htm index.php;
}
location '/pro-api'# 因为build后是生产环境了，所以要匹配pro-api的路径，同时`-`是个特殊字符，所以要用单引号引起来
{
# 代理转发到后台服务接口，请修改成你自己后端的地址。（这个是mock的前端测试接口，应该也能测试用吧？）需要注意的是，如果你是转发到http://xx.xx:8080啥的直接端口号的时候，要在后面加个/。我也不知道为啥，不加就是http://xx.xx:8080/pro-api/user/login，访问不了，加了就是http://xx.xx:8080//user/login，但是能访问了。。就听奇怪的。不知道是哪的原因。可能是nginx的锅吧。
proxy_pass http://mengxuegu.com:7300/mock/5f9a6dd86fc18c2f51b559f9;
}
access_log /www/wwwlogs/vue.xiaoao.space.log; # 输出错误日志的路径（我用的宝塔，他自动创建的www用户，所以，还需要上传之后把目录的所有者改成www，好像需要）
}
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。