打包vue文件,上传到服务器

主要步骤

1.    npm run build生成dist文件夹
2.    将dist文件夹上传到服务器上
3.    服务器上配置nginx,访问路径指向dist文件夹下的index.html,这样当访问nginx中设置的地址的时候就可以显示dist文件夹下的index.html了。

Ubuntu安装之后的文件结构大致为:

1.    所有的配置文件都在/etc/nginx下,并且每个虚拟主机已经安排在了/etc/nginx/sites-available下
2.    程序文件在/usr/sbin/nginx
3.    日志放在了/var/log/nginx中
4.    并已经在/etc/init.d/下创建了启动脚本nginx
5.    默认的虚拟主机的目录设置在了/var/www/nginx-default (有的版本默认的虚拟主机的目录设置在了/var/www, 请参考/etc/nginx/sites-available里的配置)

/etc/nginx/nginx.conf中,最为常用的几部分:

main,全局设置,影响其它部分所有设置
server,主机服务相关设置,主要用于指定虚拟主机域名、IP和端口
location,URL匹配特定位置后的设置,反向代理、内容篡改相关设置
upstream,上游服务器设置,负载均衡相关配置

常用的nginx 指令为:

1.    nginx -s reload    # 重新载入配置文件    ,配置文件重新加载后,才能生效
2.    nginx -s reopen   # 重启 Nginx
3.    nginx -s stop              # 停止 Nginx
4.    nginx    #启动nginx

我的后端接口是: http://localhost:3000/api 这个
mongo --fork 后台运行

两种跨域模式:CORS和Nginx反向代理
https://www.cnblogs.com/heioray/p/9403246.html

https://www.cnblogs.com/heioray/p/9529566.html

pm2 真的是好用:
pm2 stop all
pm2 delete all
pm2 start server/index.js
都不错啊

原文地址:https://www.cnblogs.com/whyaza/p/11610941.html