Nginx配置VUE项目Https访问
2022-10-13 17:06 猎手家园 阅读(1009) 评论(0) 编辑 收藏 举报配置包括两部分:一是nginx的安装和基本配置,见传送门;二是关于vue项目的配置。
1、关于Nginx的安装:传送门
2、现在大多项目都做了前后端分离,前端比较常用的就是VUE了,如何配置Https访问?
server { listen 80; server_name www.你的域名.com; rewrite ^(.*)$ https://$host$1 permanent; } server { listen 443 ssl; server_name www.你的域名.com; #SSL证书文件 ssl_certificate /usr/local/nginx/conf/ca/www.你的域名.com/你的域名.com_bundle.pem; ssl_certificate_key /usr/local/nginx/conf/ca/www.你的域名.com/你的域名.com.key; ssl_session_timeout 5m; ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on; #Nginx日志目录 access_log /usr/local/nginx/logs/www.你的域名.local/www.你的域名.local_access.log main; error_log /usr/local/nginx/logs/www.你的域名.local/www.你的域名.local_error.log warn; #VUE项目文件存放目录 location / { root /root/export/apps/www.你的域名.local.vue/; index index.html; try_files $uri $uri/ /index.html; autoindex on; autoindex_exact_size on; autoindex_localtime on; } #这里说明一下:如果你的VUE通过异步获取数据,这里配置你的接口路由,直接走内网,不需要出公网绕一圈再回来,提高速度 location /api/ { proxy_connect_timeout 15s; proxy_send_timeout 15s; proxy_read_timeout 15s; proxy_set_header X-Real-IP $remote_addr; proxy_pass http://127.0.0.1:8001/; } }
欢迎关注我的公众号:云栖语,不一样的研发视界。

云栖语微信公众号:change-1978
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!