#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 {
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
root html/dist; #配置自己的静态文件的路径,就是刚刚将打包的vue项目上传的路径,我这里是nginx根路径下的html文件中
location / {
# root html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404,两种写法,这里需要在下边配置router
# try_files $uri $uri/ @router;
}
# location @router{
# rewrite ^.*$ /index.html last;
#}
# 6、这里是解决跨域问题,将你后端的地址写在proxy_pass 后面就可以了
location /api/ {
#rewrite ^.+api/?(.*)$ /$1 break; #这样写有问题,在网上看有人这样写,发现有问题
rewrite ^/api/(.*)$ /$1 break; #必须的写这个,使用nginx的rewrite对uri进行重写 下面这行也要改为api
proxy_pass http://localhost:8188/agrigy/; #跨域转发路由地址
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
#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;
}
server{
listen 801; #监听端口
location ~* .* .mp4 {
#视频保存的目录自定义
root E:\opt\upFiles;
mp4;
mp4 buffer size 5000m;#处理mp4初始内存大小mp4
max buffer size 5000m;#处理mp4最大内存大小
}
}
}
nginx解决跨域问题
最新推荐文章于 2024-07-09 17:36:45 发布