前后台分离部署，请求接口的时多了vue所在的文件夹，这个是因为vue配置的有问题吗

JKING_ 2020-05-25 02:29:45

前后台分离部署，请求接口的时多了vue所在的文件夹，这个是因为vue配置的有问题吗

...全文

552 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

没有昵称才是最好的昵称 2021-10-25

打赏
举报

回复

我也遇到了这个问题怎么解决呀

mrzblog 2021-04-16

打赏
举报

回复

请问您是怎么解决的

console.log( ) 2020-05-25

打赏
举报

回复

dist不是你打包后的文件吗

本文详细记录了一次前后端分离项目（基于Vue和Node.js）的部署过程，包括云服务器准备、Linux环境搭建、前端Vue项目打包、Nginx配置、后端服务启动及问题解决。重点介绍了Node.js环境配置、前端代码打包、Nginx反向代理设置以及后端服务的Java环境和Ruoyi框架的部署。强调了在阿里云服务器中配置安全组的重要性。

本文介绍基于Vue的前后端分离部署。先进行环境准备，包括服务器环境和软件安装，配置nginx代理；接着进行前后端打包，前端按特定目录结构和命令操作，后台用maven插件；然后在服务器上部署，远程连接、关闭tomcat、复制文件、启动服务；最后给出部署中前端静态资源问题的解决经验。

本文详细介绍了如何打包Vue项目并使用Nginx进行部署。首先通过`npm run build`打包Vue应用，然后下载并启动Nginx。接着，将dist文件夹拷贝到Nginx的html目录下，并修改nginx.conf配置文件以指向Vue项目的入口文件。在遇到404错误时，通过添加try_files指令解决。此外，还展示了如何配置Nginx处理后端API请求和实现动静态资源分离。最后，列举了Nginx的一些常用命令。

本文介绍若依Vue前后端分离项目的部署过程。前端在vue.config.js中进行port和devServer设置，执行打包命令后上传dist文件夹到服务器并在nginx配置映射；后端在application - dev.yml中配置接口，Maven项目打包后上传运行；还介绍了Nginx配置和命令，最后进行测试。

本文详细介绍了如何在服务器上部署一个基于SpringBoot和Vue的前后端分离项目。首先，通过在服务器上创建数据库并导入数据，然后配置SpringBoot项目连接阿里云数据库并打包上传。接着，利用Nginx配置跨域转发解决前端Vue项目部署。最后，对Vue项目打包并上传到Nginx服务器，通过Nginx代理实现前后端通信。整个过程包括了数据库迁移、环境配置、项目打包和Nginx代理设置等关键步骤。

10,611

社区成员

29,026

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章