一、Nginx与Tomcat连接搭建的环境，Nginx设置了前端的访问路径为

（1）前端代码配置：

 root  /usr/local/nginx/html;

 index index.html index.htm;

（2）root   访问文件的根目录，默认nginx一起动

一访问http://127.0.0.1 就会先跳到/usr/local/nginx/html/dist/目录下查找，目录下的html文件。

（3）但是，当后端的接口实现文件上传后前端展示，就会发生展示不出来图片到页面上，并且日志error报错

/usr/local/nginx/html/dist/easy/companyInfo/queryCompany/1.jgp" failed (13: Permission denied) while reading upstream, client:192.168.1.106,server:localhost,request:"GET/1.jpg HTTP/1.1", host:"192.168.1.107"

  主要是前后端路径不统一，nginx启动后自动跳转到root设置的目录下找静态资源，加了强链接就将这个一起放到root目录下查找解决方案.

(4) 一个解决方案,建立软连接

sudo ln -s /usr/tomcat-customer/webapps/easy/ easy

(5)这样配置好的前端Nginx目录层级就如图所示:
 

(6)这样Nginx就可以访问到Tomcat下存储的图片了

Nginx搭建后，图片存储在Tomcat上，前端无法回显图片问题的更多相关文章

  1. 图片上传并回显Ajax异步篇

    图片上传并回显Ajax异步篇 图片如何无刷新的上传到服务器呢?继前两篇文章后,我们来实战一下如何无刷新的异步上传图片,我们还是先看一下效果 在实战前呢,我们需要做些准备工作.比如说,了解一下FormD ...

  2. SpringBoot系列——附件管理：整合业务表单实现上传、回显、下载

    前言 日常开发中,大多数项目都会涉及到附件上传.回显.下载等功能,本文记录封装通用附件管理模块,并与业务模块进行整合实现上传.回显.下载 我们之前已经对文件上传下载有过记录,传送门:基于"f ...

  3. bootstrap inputfile 使用-上传，回显

    近期用bootstrap 做前端的上传,功能涉及到上传时就是召网上的教程随便弄一搜一大把,但是做到修改页面时候不知道页面该如何回显,折腾了一阵子才完成遂记录下来希望能给看到的小伙伴有点启发吧. 首先是 ...

  4. bootstrap fileinput控件 + django后台上传、回显简单使用

    一.控件下载:https://github.com/kartik-v/bootstrap-fileinput/ 官网:http://plugins.krajee.com/file-input 需要引入 ...

  5. 前端上传图片回显并用base64编码，后端做解码储存，存储图片路径在.properties文件中配置（以上传身份证照片为例）

    前端页面:<form id="kycForm" enctype="multipart/form-data"> <input type=&quo ...

  6. Ajax图片异步上传并回显

    1.jsp页面 <td width="20%" class="pn-flabel pn-flabel-h"></td> <td w ...

  7. 2.0 vue2+tinymce实现图片上传与回显

    1.效果 2.配置 2.1 在init中添加图片上传函数 // 图片上传 images_upload_handler: (blobInfo, success, failure) => { // ...

  8. springboot+thymeleaf 实现图片文件上传及回显

    1. 创建一个springboot工程, 在此就不多说了(目录结构). 2. 写一个HTML页面 <!DOCTYPE html> <html lang="en" ...

  9. Nginx，Nginx 搭建图片服务器

    Nginx Nginx 概述 反向代理 工作流程 优点 1:保护了真实的web服务器,保证了web服务器的资源安全 2:节约了有限的IP地址资源 3:减少WEB服务器压力,提高响应速度 4:其他优点 ...

随机推荐

  1. yarn import 使用package-lock.json

    yarn 1.7(目前最新的版本)支持npm 的package-lock.json 了 环境准备 安装更新yarn sudo npm install -g yarn 查看版本 yarn version ...

  2. Mybatis selectKey标签的keyProperty属性报错，关键字间隔不能有空格

    源代码片段: <insert id="addAdminAction" parameterType="x.x.x.RoleVo"> <selec ...

  3. 'scalar deleting destructor' 和 'vector deleting destructor'的区别

    在用到delete的时候,我们往往会针对类对象与类对象数组做不同删除,在这背后编译器是如何做的? #include<iostream> using namespace std; class ...

  4. 自定义linux命令

    ​ 方法一.修改/etc/bashrc文件 在文件底部加入 alias zone="cd /usr/local/webserver" 在命令行输入zone,则会直接进入到制定目录 ...

  5. opensuse下配置IP、DNS、GATEWAY

    本人物理主机IP描述 IPv4 地址 . . . . . . . . . . . . : 192.168.1.101(首选)子网掩码  . . . . . . . . . . . . : 255.25 ...

  6. web开发的功能备忘录

    总体设计 Web项目开发中,我们可以根据不同的功能,将整个系统的功能进行划分.系统功能总体来说可以划分为两个模块:系统的必备功能和逻辑业务功能. 下面主要是分析一下系统的必备功能,所谓系统的必备功能是 ...

  7. java中的DAO设计模式

    创建数据库和表 sql语句: DROP TABLE IF EXISTS product; CREATE TABLE product( product_id varchar(20) NOT NULL, ...

  8. 小程序本作用域下怎么调用全局js

    本地wxml文件 <view>app版本:{{version}}</view> 本地js文件 var app; Page({data:{ }, onLoad:function( ...

  9. 使用GridFsTemplate在mongodb中存取文件

    spring-data-mongodb之gridfs   mongodb除了能够存储大量的数据外,还内置了一个非常好用的文件系统.基于mongodb集群的优势,GridFS当然也是分布式的,而且备份也 ...

  10. [Python] numpy.sum

    import numpy as np #Syntax: numpy.sum(a, axis=None, dtype=None, out=None, keepdims=<class numpy._ ...