当前位置：首页 > news >正文

部署若依前后端分离

news 来源：原创 2025/5/15 5:01:39

参考部署：https://blog.csdn.net/qq_46073825/article/details/128716794?spm=1001.2014.3001.5502

1.连接mysql(windows版本)
在这里插入图片描述
2.更新数据库用户为远程可连接

3.redis下载地址
https://github.com/tporadowski/redis/releases
5执行npm init 或者npm install --registry=https://registry.npm.taobao.org
有问题，检查下node文件夹的权限–完全放开权限
如果还有问题，试下下边的命令
npm i --legacy-peer-deps
6.运行前端项目
在这里插入图片描述
cmd项目里执行此命令后再执行（npm run dev）SET NODE_OPTIONS=–openssl-legacy-provider
7.编译成功的前端项目

览器访问 http://localhost:80应该会弹出这个界面

----------------------分隔线
https://blog.csdn.net/qq_46073825/article/details/129174661
部署分离系统
nginx部署vue前端项目
1.npm run build：prod的dist文件夹复制到nginx的html目录下。
在这里插入图片描述
2.nginx重启后修改的conf文件不生效，执行以下命令杀进程
taskkill /f /t /im nginx.exe
重启nginx后正常

nginx.conf的主要配置：
server {
listen 70;
server_name 192.168.1.232;

    location / {root   html/dist;try_files $uri $uri/ /index.html;index  index.html index.htm;}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:8080/;
}try_files $uri $uri/ /index.html;解析：第一个$uri指先试试用户输入的地址是否存在，如果不存在就访问第二个$uri的默认index.html。 如果前两个都不行就返回/index.htmlproxy_pass：反向代理upstream：负载均衡