nginx部署html项目,nginx配置多个前端项目

最近一台服务器要配置多个前端项目，当然前后端分离就需要nginx来配置了。

单个项目还好说，如下

修改nginx的nginx.conf配置文件

#user nobody;

worker_processes 1;

#error_log logs/error.log;

#error_log logs/error.log notice;

#error_log logs/error.log info;

pid

/usr/local/nginx/logs/nginx.pid;

events

{

worker_connections 1024;

}

http

{

server {

listen 8000;

server_name localhost;

#charset

koi8-r;

#access_log logs/host.access.log main;

location /

{

root /var/www/;

#index index.html index.htm;

}

location ~

/static/.*.(gif|jpg|jpeg|png|bmp|swf)$ {

root

/var/www/project;

}

location ~

/static/.*.(js|css)$ {

root

/var/www/project;

}

location =

/project {

root /var/www/project;

index index.html index.htm;

}

}

}

但是出现了多个项目也需要在nginx.conf配置

项目基于vue cli 开发的，打包时需要配置一下js，css 等静态文件的连接地址

修改如下配置文件

然后再来配置nginx.conf

user

root;

worker_processes 1;

pid

/usr/local/nginx/logs/nginx.pid;

events

{

worker_connections 1024;

}

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;

sendfile on;

#tcp_nopush on;

#keepalive_timeout 0;

keepalive_timeout 65;

#gzip on;

server {

listen 8000;

server_name localhost;

#charset

koi8-r;

#access_log logs/host.access.log main;

location /

{

root /var/www;

#index index.html index.htm;

}

location =

/project1 {

root /var/www/project1;

try_files $uri $uri/

/project1/index.html;

index index.html index.htm;

}

location =

/project2{

root

/var/www/project2;

try_files $uri $uri/

/project2/index.html;

index index.html index.htm;

}

}

}

此处注意呢

user root; 需要加上， 不然范围报 500，

然后重启一下nginx

先停止

./nginx -s quit

再重启

/usr/local/nginx/sbin/nginx

-c /usr/local/nginx/conf/nginx.conf

————————————————

成功访问

192.168..:8000/project/index.html

192.168..:8000/project1/index.html