修改好若依项目之后,只能访问后端的接口,前端不显示咋解决?参考资料:
参考资料:
⑤【若依Vue前后端分离版本】如何将若依项目部署到Linux服务器让所有人都可以访问_哔哩哔哩_bilibili
在vue.config.js文件中的映射路径要跟后端匹配
这个设置上域名
到Ngnix配置代理
这里改成root
设80不用加端口号,server_name设置域名
直接复制过去
把他删掉
root是前端路径
这个前端就配置完成了
这是前端Ngnix
正式模式会在prod-api下设置
后端Ngnix要修改主机IP和端口
完整写成这样
重启Ngnix的服务
现在访问成功了
这样写的配置就能够访问页面成功了
Ngnix的相关的配置文件,Ngnix的初始化资料
user www; worker_processes auto; error_log /www/wwwlogs/nginx_error.log crit; pid /www/server/nginx/logs/nginx.pid; worker_rlimit_nofile 51200; events { use epoll; worker_connections 51200; multi_accept on; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; client_max_body_size 100m; #用于tomcat反向代理,解决nginx 504错误 proxy_connect_timeout 7200; #单位秒 proxy_send_timeout 7200; #单位秒 proxy_read_timeout 7200; #单位秒 proxy_buffer_size 16k; proxy_buffers 4 64k; proxy_busy_buffers_size 128k; proxy_temp_file_write_size 128k; # ps:以timeout结尾配置项时间要配置大点 server { listen 80; server_name localhost; return 301 https://lingyidianke.com$request_uri; charset utf-8; location / { root /home/myProject/ruoyi-vue/dist; try_files $uri $uri/ /index.html; index index.html index.htm; } # location /admin/ { # alias /home/myProject/ruoyi-vue/dist; # try_files $uri $uri/ /admin/index.html; # index index.html index.html; # } # location @dsrouter { # rewrite ^/(admin)/(.+)$ /$1/index.html last; # } location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:8083/; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } server { #SSL 默认访问端口号为 443 listen 443 ssl; #请填写绑定证书的域名 server_name lingyidianke.com; #请填写证书文件的相对路径或绝对路径 ssl_certificate lingyidianke.com_bundle.crt; #请填写私钥文件的相对路径或绝对路径 ssl_certificate_key lingyidianke.com.key; ssl_session_timeout 5m; #请按照以下协议配置 ssl_protocols TLSv1.2 TLSv1.3; #请按照以下套件配置,配置加密套件,写法遵循 openssl 标准。 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; ssl_prefer_server_ciphers on; charset utf-8; location / { root /home/myProject/ruoyi-vue/dist; try_files $uri $uri/ /index.html; index index.html index.htm; } # location /admin/ { # alias /home/myProject/ruoyi-vue/dist; # try_files $uri $uri/ /admin/index.html; # index index.html index.html; # } # location /admin/ { # alias /home/myProject/ruoyi-vue/dist; # try_files $uri $uri/ @dsrouter; # index index.html; # } # location @dsrouter { # rewrite ^/(admin)/(.+)$ /$1/index.html last; # } location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:8083/; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } }
这样就能够看到了