1.将项目打包
在项目的根目录输入命令ng build -prod;会在根目录下生成一个dist文件夹,就是打包的文件
2.安装nginx(如果linux服务器上有则跳过)
自行安装即可
3.将打包文件复制到linux的/usr/local/ngWeb下
百度搜xftp,下载后打开软件输入连接的机器ip,用户名和密码,直接复制到相关目录下
4.配置nginx,在conf/nginx.conf目录里面配置
#user nobody;
#指定nginx要开启的子进程数量,运行过程中监控每个进程消耗内存(一般几M~几十M不等)根据实际情况进行调整,通常数量是CPU内核数量的整数倍
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
#工作模式
events {
#指定最大可以同时接收的连接数量,这里一定要注意,最大连接数量是和worker processes共同决定
worker_connections 1024;
}
#http设置
http {
#指定在当前文件中包含另一个文件的指令
include mime.types;
#指定默认处理的文件类型可以是二进制
default_type application/octet-stream;
#log_format main '$remote_addr - $remote_user [$time_local] "$request" '
# '$status $body_bytes_sent "$http_referer" '
# '"$http_user_agent" "$http_x_forwarded_for"';
#access_log logs/access.log main;
#配置on让sendfile发挥作用,将文件的回写过程交给数据缓冲去去完成,
#而不是放在应用中完成,这样的话在性能提升有有好处
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
#给客户端分配连接超时时间,服务器会在这个时间过后关闭连接。一般设置时间较短,可以让nginx工作持续性更好
keepalive_timeout 65;
#gzip on;
#upstream模块主要负责负载均衡的配置
upstream localserver {
#这里配置服务器的地址,刚才我们启动的是8080端口
server 192.168.6.222:4200;
}
#服务器主机配置(虚拟主机、反向代理等)
server {
listen 80;
server_name localhost.com; # www.aaa.com域名
#charset koi8-r;
#access_log logs/host.access.log main;
#路由配置(虚拟目录等)
location / { # 代表这是项目根目录
root /usr/local/ngWeb/dist/p2pmall;
index index.html index.htm; # 虚拟目录
try_files $uri $uri/ /index.html;
}
location /api {#这里表示浏览器所有以/localhost:9999/api开头的请求,经过nginx代理,到服务器都用localserver/api/请求,实际localserver就是上面我们配置服务器地址
proxy_pass http://localserver/; # 反向代理设置 应用服务器HTTP地址
}
location /apidata {
rewrite ^.+apidata/?(.*)$ /$1 break;
include uwsgi_params;
proxy_pass http://192.168.6.222:4200;
}
error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
5.确保服务器启动的情况下,输入192.168.6.222:80即可访问