1 npm run build

image.png

2 生成的dist文件夹改路径

image.png
/static全改为./static
image.png

3 部署到服务器上

image.png
更改nginx配置文件

cd /etc/nginx/sites-enabled

  1. server {
  2. listen 443 ssl;
  3. #配置HTTPS的默认访问端口为443。
  4. #如果未在此处配置HTTPS的默认访问端口,可能会造成Nginx无法启动。
  5. #如果您使用Nginx 1.15.0及以上版本,请使用listen 443 ssl代替listen 443和ssl on。
  6. server_name dev.cnsjai.com; #需要将yourdomain.com替换成证书绑定的域名。
  7. root /usr/src/html/dev;
  8. index index.html index.htm;
  9. ssl_certificate /etc/nginx/conf.d/cert/dev-cnsjai-certificate/6444073_dev.cnsjai.com.pem; #需要将cert-file-name.pem替换成已上传的证书文件的名称。
  10. ssl_certificate_key /etc/nginx/conf.d/cert/dev-cnsjai-certificate/6444073_dev.cnsjai.com.key; #需要将cert-file-name.key替换成已上传的证书密钥文件的名称。
  11. ssl_session_timeout 5m;
  12. ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
  13. #表示使用的加密套件的类型。
  14. ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #表示使用的TLS协议的类型。
  15. ssl_prefer_server_ciphers on;
  16. client_max_body_size 150m;
  17. client_body_buffer_size 150M;
  18. location /cli/cms {
  19. alias /usr/src/html/dev/; #站点目录。
  20. index index.html index.htm;
  21. }
  22. location /api/cms {
  23. proxy_pass http://127.0.0.1:6662/;
  24. proxy_set_header Host $host;
  25. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  26. }
  27. location /wstest {
  28. alias /var/www/wstest;
  29. index index.html;
  30. }
  31. }