关于Springboot项目整合前端react框架遇到的问题梳理

        最近在做一个老项目的功能更新，因为之前的前辈将前后端同时写进了项目里，所以也顺便偷（bei）学（nue）了一波。

列了两个小问题，用于以后回顾：

• 项目中的图片显示不出来。

      因为要在栏目中添加个首页功能，此时就要加入图片，新建了一个module之后，模仿另外的一个文件写了个一模一样的路径，然后把自己的图片放了进去，但是结果报了404，找不到图片无法显示：

上面是原来文件的代码，下面是我的代码

存放的位置如下：

一模一样的路径怎么就一个能显示一个不能显示，这问题迷惑了我好久，网上怎么查都说是文件路径问题，但是我实在找不到问题，后来等我冷静下来，细细想我的路径是否是正确的，想到java项目启动的自动访问static静态文件，突然发现自己一直没有注意到边上静置的static文件夹，点开文件夹一看，啪啪啪打脸~

       因为所有的模块都是在components这个文件夹里面，所以我理所应当的认为自己路径是对的，直到我看到了两个几乎神似的文件夹路径（截图是我已经补充后的），原来自己是真的放错了位置，有自己的原因，但是也同时是被这两个相同的路径迷惑了，不知道什么原因前辈要这样设计，但是如果他也是疏忽造成的话，我想问问我那几根为此掉去的头发能不能补偿一半给我...

• 点击事件传值总是提示respecting一个boolean值（null，true，false）

        以前确实对ajax略有耳闻，没想到第一次写就给我当头一棒，本次更新需求中需要新加一个按钮，点击后改变数据库中某条数据的一个字段属性，当然，想起来确实很简单，从页面上拿个id，在传个状态1，soeasy，ajax的写法其他模块也有，照搬便是，但是我就知道没这么顺利，我在ajax的data里面小心翼翼地放入我的两个字段，怎么测试都是说系统想得到一个布尔值，查了以后才知道，ajax的value值不加引号代表数字布尔值，加了就代表字符串，龟龟，我动态取的怎么加引号，不加就认为我是布尔值...

data:
   {
     "formCode":this.state.reports[wholeIndex].formCode, 
     "closeType": 1
   }

        还能怎样，前端又不是我的地盘，查资料呗，挺多人说把请求方式写在data里面外面用post代替的，经查证我并不是这个这个问题，而是我的json格式不够标准，改了好久发现还是不能达标准，最后发现了一个好东西：

data: JSON.stringify(
            		{
          "formCode":this.state.reports[wholeIndex].formCode, 
                    "closeType": 1
            })

JSON.stringify直接就帮我解决了这个问题，小细节真的能把一个纯后台搞的够懵逼~

顺便记录下自己每次更新的操作：

将node_modules放进src/main/resources

cmd进入resources的路径 npm install 安装

npm run build 更新build.js文件

回到IDE先进行maven clean 再进行maven install

最后export成war放在tomcat下启动。

如果有大神可以提点下我的操作的可以教下小白我的话，不胜感激。