宝塔部署若依项目,本地上传的文件访问404解决方案

1. 首先排除权限问题。查询上传的目录权限是否具备访问权限;

2. 排除路径问题。文件是否能被正确访问到。
      在文件上传跟目录创建一个txt文本,输入正确路径尝试访问;(先创建文件,再访问)

3.如果以上两点检测过后,依然无法访问,则可以查看项目的nginx配置文件
尝试删除配置

location ~ .*\\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }

    location ~ .*\\.(js|css)?$
    {
        expires      12h;
        error_log /dev/null;
        access_log /dev/null;
    }

 我在经历两次若依项目部署后,文件无法访问都是这个配置引起的。

### 宝塔面板部署 Spring Boot 和 Vue 构建的前后端分离项目 #### 创建并配置环境 为了成功部署基于Spring Boot和Vue构建的应用程序,在宝塔面板中需先设置好运行所需的环境。这通常涉及安装Java环境用于支持Spring Boot应用以及Node.js环境来处理前端资源,尽管对于已经编译完成的Vue项目来说后者不是必需的。 #### 准备工作区与上传项目文件 在服务器上通过宝塔面板的新建站点功能为应用程序创建专门的工作空间[^1]。此操作不仅限于建立虚拟主机记录,更重要的是提供了清晰明了的目录结构以便后续管理和维护。接着,将预先准备好的`jar`包(代表后端服务)同`dist`文件夹(包含由Vue构建工具生成的静态网页资产)一同上传至相应位置[^2]。 #### 设置反向代理实现前后端通信 针对前后端分离架构的特点,应当利用Nginx作为中间件实施反向代理策略,从而使得客户端请求能够被正确路由到对应的微服务实例上去。具体而言,就是在Nginx配置文件里指定当接收到特定路径下的HTTP调用时将其转发给监听本地其他端口上的Spring Boot进程;而对于直接访问HTML页面或者其他静态媒体则保持默认行为不变即可[^3]。 ```nginx location /api/ { proxy_pass http://localhost:8080/; } ``` 上述代码片段展示了如何定义一个简单的API网关规则,其中假设后台RESTful API位于`http://localhost:8080`地址处提供服务。 #### 调整前端配置适应生产环境 考虑到开发阶段可能存在的差异性因素影响最终用户体验效果,建议依据实际情况调整Vue项目的配置参数以更好地匹配实际部署场景的要求。比如更新`vite.config.js`内的代理表项使之指向真实的后端接口URL前缀,确保即使是在跨域情况下也能正常发起AJAX请求获取数据。 ```javascript export default defineConfig({ server: { proxy: { '/prod-api': 'http://your-real-backend-domain.com' } } }) ``` 以上即为使用宝塔面板搭建一套完整的Spring Boot加Vue组合而成的企业级Web解决方案的大致流程概述。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值