前端项目开发整理

部署整理

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