nginx 配置两个前端项目
基于域名配置基于端口配置基于location配置三种实现方式 我觉得最后一种比较好 根据url 匹配中 转到不同的前端项目背景 : 一个pc页面的项目 一个h5项目 在同一个nginx 进行配置pc页面我是默认的 ip 默认访问 监听80就可以h5 的 我是让前端在所有前端路径前面加了h5 作为前缀h5 配置vue.config.jspc vue 项目配置ng配置#usernobody;worke
·
- 基于域名配置
- 基于端口配置
- 基于location配置
三种实现方式 我觉得最后一种比较好 根据url 匹配中 转到不同的前端项目
背景 : 一个pc页面的项目 一个h5项目 在同一个nginx 进行配置
pc页面我是默认的 ip 默认访问 监听80就可以
h5 的 我是让前端在所有前端路径前面加了h5 作为前缀
h5 配置
vue.config.js
pc vue 项目配置
ng配置
#user nobody;
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_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;
upstream tomcatList {
server 127.0.0.1:10222;
#server 10.0.0.85:8980;
}
server {
listen 80;
server_name localhost;
location /h5/ {
alias /data/webapps/disth5/; #alias必须带 /
index index.html index.htm;
}
# location ~ ^/h5/(.*)$ {
# alias /data/webapps/disth5/$1;
# index index.html index.htm;
# 是vue这样项目的加上这个,避免刷新就地址错误
# try_files $uri $uri/ @router;
# }
location / {
root /data/webapps/dist; #前端包位置
index index.html index.htm;
# 是vue这样项目的加上这个,避免刷新就地址错误
try_files $uri $uri/ @router;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
error_page 404 /404.html;
location = /40x.html {
}
location /api/ {
#^~/api/表示匹配前缀是api的请求,proxy_pass的结尾有/, 则会把/api/*后面的路径直接拼接到后面,即移除api
rewrite ^.+api/?(.*)$ /$1 break;
#proxy_pass http://127.0.0.1:10222/;
#proxy_set_header HOST $host;
#proxy_set_header HOST $http_host;
proxy_pass http://tomcatList;
# 若是不设置 上传大点图片会报错
client_max_body_size 50m;
}
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ {
# proxy_pass http://127.0.0.1;
#}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ {
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#}
# deny access to .htaccess files, if Apache's document root
# concurs with nginx's one
#
#location ~ /\.ht {
# deny all;
#}
}
# another virtual host using mix of IP-, name-, and port-based configuration
#
#server {
# listen 8000;
# listen somename:8080;
# server_name somename alias another.alias;
# location / {
# root html;
# index index.html index.htm;
# }
#}
# HTTPS server
#
#server {
# listen 443 ssl;
# server_name localhost;
# ssl_certificate cert.pem;
# ssl_certificate_key cert.key;
# ssl_session_cache shared:SSL:1m;
# ssl_session_timeout 5m;
# ssl_ciphers HIGH:!aNULL:!MD5;
# ssl_prefer_server_ciphers on;
# location / {
# root html;
# index index.html index.htm;
# }
#}
}
更多推荐
已为社区贡献1条内容
所有评论(0)