window.location.host :import.meta.env.VITE_APP_SERVER_URL;if(import.meta.env.VITE_APP_SERVER_URL ==='prod-host') {ws.value =newWebSocket(`wss://${host}/ws/${getToken()}`);}else{ws.value =newWebSocket(`ws://${host}/ws/${getToken()}`);} 上面代码就是根据当前环境判断使用浏览...
一.将vue项目打包后生成的dist目录下的文件复制到springboot项目里面 1. 前端vue项目先通过npm run build生成dist目录 2.将dist中目录文件放入springboot项目的resources目录下的static文件夹 3.运行springboot项目,在浏览器地址栏输入localhost:port/index.html(port为后端项目设置的端口号,我设的为8088),所以我输入lo...
Nginx 配置(nginx.conf) user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$tim...
将打包好的vue程序(即:disk目录)拷贝至nginx目录下的html目录。 修改html下index文件,配置api请求路径,如下图 配置nginx.config文件,打开文件配置IP地址、端口号、根目录及首页文件,如下图所示 完成后重启nginx服务;在命令行,执行以下命令,杀掉nginx服务 taskkill /f /im nginx.exe 1. 重启服务,输入命令,重启服务...
vue端跨域1.首先还是nginx配置附图(图-1) 上配置 代码语言:javascript 代码运行次数:0 运行 AI代码解释 #vue springboot server{listen80;server_name xxx.xxx.xx;#web端域名 location^~/userfiles{proxy_pass http://xxx.xx.xxx.xx:xx/userfiles;#后端ip ...
| 步骤一:安装Nginx | 安装并启动Nginx服务 | | 步骤二:配置Nginx | 配置Nginx的反向代理规则 | | 步骤三:部署Spring Boot后端 | 部署Spring Boot项目 | | 步骤四:部署Vue.js前端 | 部署Vue.js项目 | | 步骤五:重启Nginx | 重启Nginx服务,使配置生效 | ...
从无到有:利用Docker部署Spring Boot+React+SQLServer+MongoDB项目 alex docker-compose 部署 Vue+SpringBoot 前后端分离项目 郑清 【第10期】springboot: Springboot整合打包vue项目 由于公司项目采用的是前后端分离开发,后端springboot,前端vue。正常情况下前后端分别打包部署即可,vue一般部署在nginx下,但是有时尽量减少...
简介:nginx结合前后端分离项目springboot+vue的配置 项目采用的是前后端分离springboot+vue,通过nginx监听,转发到对应的前端页面或者后台接口调用 linux服务器上面jar包和ui的目录 /opt/hidata/hidbm-vue nginx的相关配置 直接看nginx.conf文件 user nginx;worker_processes 1;error_log /var/log/nginx/error.log war...
SpringBoot与vue 进行前后端分离,主要有这么两种方式: ⑴ 利用vue项目 打包(npm run build命令)出来的dist文件夹拷贝到springboot项目的static 文件目录。 ⑵ 利用 nginx 的反向代理,不用将dist目录拷贝到static文件目录下。 第一种方式网上教程比较多,我着重讲一下第二种。。。 开始进行创建Vue项目,假定你已经安装...