部署整理
cnpm install
cnpm run build
完成了这一步之后,代码中会有一个dist的文件夹。然后在部署的时候完成nginx相关的部署即可。
nginx 的相关整理。
upstream app_name{
server 127.0.0.1:1234;
server 127.0.0.1:1235;
# 这里的域名/ip 和端口是服务端的端口,服务端可以起很多服务,这里服务端起了两个,还是在本机起的。
}
server {
listen 3251;
server_name baidu.com; # 这里是域名的,服务访问的时候是访问baidu.com:3251
charset utf-8;
location ~* /server/api {
rewrite /server/api(.*) /api$1 break;
proxy_pass http://app_admin;
}
上面这段是什么意思?
这里把匹配到的server/api(.*)的相关的请求都给改成了/api(.*), 这里的$1的意思是匹配的第一个括号中的内容。break是需要中断,重新请求。如果不break,虽然把请求改了,但是不会重新请求。
location /media {
alias /path/to/your/mysite/media;
# 主要用于存储媒体文件,图片之类的。
}
最关键的是下面的:
root /var/www/html/app_name
# /var/www/html/app_name是存放前端打包代码的路径,在完成了cnpm run build 之后,只需要把dist文件夹下的所有文件复制到一个指定的路径下面,你的前端代码就可以访问了。
location / {
try_files $uri /index.html;
}
# 这里是尝试匹配其他的url, 如果匹配到了,就跳转。如果匹配失败的话,跳转到首页。
}
在提交代码的时候,如果遇到了eslint检查无法通过,最好的解决办法是通过 --no-verify.
git commit -m "fix bug" --no-verify