前端接口401未授权怎么解决

托肯怎么判断过期了？好，那这个时候啊，我过了三天之后再请求，那这个时候页面肯定过期了吗？那服务期这个时候他会返回一个什么？他会返回一个状态吗？比如说扣的 四零幺返回给前端，啊？这是一个什么？阿杰克斯请求，那后台返回一个四零幺，我们是不是可以通过？前面我们在这里讲的跟你们说了半天的这个艾克秀斯或者前置所谓的拦截器里面 拦截到，哎，当你的状态是四零幺的时候，我就去控制前的路由跳到我们的登录页面去，这个流程是不是就走完了？

我们在做前端开发的时候，会遇到这么一种情况，就是后端的同事已经把接口文档写好了，但是接口还正在开发，这时候我们开发前端的页面，如果需要用到后端接口的数据，这时候我们只能去造一些数据，让我们的页面正常显示， 但是这样还是很有可能会出现问题的，可能等到接口连条的时候才发现，我们照的数据和后端接口定义的数据不太一样， 如果出现这种情况，我们还得去修改代码，更严重的话可能还得返工重做，这样的话就大大的降低了工作的效率。今天我给大家推荐一个浏览器插件，它可以修改 ajx 请求的返回结果。 这个插件的安装方法也很简单，我们只要打开 ag 浏览器，然后在上面输入这个插件的名字叫做 jacks proc， 就是呃， jacks 代理的意思，我这里安装过了，他会显示这个图标，我们点击搜索一下， 安装过了，这边是删除，如果没安装过的话，点击这边的安装就可以了。这个插件安装好之后，会在这个右上角这里显示这个图标，我们只要把这个图标打开就行了， 然后这就是它的界面，下面我来演示一下这个插件的一个使用。首先我这里有一个 voe 的项目，这边的话它主要用于显示用户的一些基本的信息，用户名，零零，还有手机号码，联系地址， 然后啊这个是具体的请求的啊，代码，这个接口的文档啊，这里假设这个是后端给我们的 一个呃接口文档，然后请求的路径，还有请求的方法，还有就是返回结果失利，这个都给了我们，这时候我们就可以用刚才的那个插件来模拟 这个返回结果啊，我们先把这个项目跑起来，然后这边跑起来的话，他是这样的，因为目前是没有获取到数据，我们刷新一下啊，这边他有这个请求，然后但是他报错了， 他说不能代理到这个地址上面。嗯，这个接口的路径的话，就是 就我写的这个，因为后端还没有这个接口，所以呢他是请求不到的。然后如果我们这时候用这个代理让他修改一下这个 请求的结果，那么我们的页面肯定就能正常的显示了啊，那么这个是怎么修改呢？首先我们在这里就创建一个规则，创建一条，然后就是这个他匹配到什么路径的时候会做修改的操作。 然后我们就是呃这边我们就匹配到这个 user in for 这个关键字，然后呃这边的话的话是备注，然后就我们写一个用户信息吧，写不写都可以， 然后这个 tag tag 啊，不知道什么，但是不用管这个，然后就是状态码，然后这个上面我们可以就是用这个插件，我们可以模拟一些四百或者五百的一些异常的呃状态码，然后这边的话我们就让他正常的返回结果就行了， 然后啊这个返回的那个精神结果，然后我们也是从这边复制一下这个接口文档里面的结果失利， 然后我们把它放在这里好了，这样这样就好了，就是当他匹配到这个呃接口路径 usb 的时候呢，他就会返回刚刚我们的这个结果，然后 这时候状态他是开启的，开启，然后，嗯，这样就好了。然后这时候我们再来看一下这个啊这个页面，然后我们刷新一下的时候， 刷新一下，看一看，刷新一下他这他这里还是红色的啊，是因为这个是浏览器的一个啊行为。然后就是我们的那个插件，这个插件他只是 在浏览器返回之后，然后做一个拦截和修改的一个操作，说他这里是红色的，但是并不影响我们正常使用，可见这里已经返回到了我们想要的结果，这个就是我们刚刚给的这个，呃，节省，这么串节省对象， 张三，然后年龄三十岁幺零八六，还有地址，是啊，南京市秦淮区这样子，这样我们就可以进行一个啊正常的页面渲染，然后呃，如果这个接口是没有问题的，那么到时候我们和后端连调的时候肯定也是没有问题的。 然后这就是今天推荐的这个插件的一个使用，如果你觉得这个工具有用的话，拜托拜托，帮忙点个赞啊，谢谢，那今天的视频就分享到这里，拜拜。

前后端连条，可能刚入行的牛马不知道怎么做。首先第一步搞清楚你们要对接的接口，如果有所挨个的话就把地址给前端，没有的话就只能通过需求文档之类的。然后你需要把自己的服务开启， 让前端来调，这个时候输入 ip config 获取你的 ip， 然后将 local host 替换成你的 ip， 就是 ip 加端口加接口名称，当然这个前提是你和前端需要处于同一个局域网， 如果不在一起的话，比如第三方对接这种就需要你们服务器上，但是你也没办法在服务器上第 bug， 这时候就会借助那 网穿透工具开启之后会获得一个域名，这时候域名加上接口地址，只要你服务开着跨省市区都可以直接访问你的接口，缺点是部分耗时接口响应可能会超时。内网穿透工具挺多的， 百度一大堆，而且有很多免费的具体教程，我放百度了，直接百度搜就行。对了，这是给牛马看的，董哥别来占边。

来写这个 a p i 的这个方法， 我们数数 a p i 吧， 使用的时候需要返回这么几个参数，第一个就是返回来我们的这个提示信息，就 msd， 那我们就可以定义一个得了。 msd 等于先默认为空，然后还有里面有一个 数据，那我们同样到这一场等于空，数组还有个扣的，这个扣的的话我们默认为两百，他是状态码，状态码的话我们可以 呃，是两百呀，四零四呀这一类的，同样我们可以再设置一个错误码， 就是有可能我们报错了，我先试一下三个九吧，四个九，有可能，我们有可能我们报错了，我们需要去怎么去调整来，现在我我们来 reten 使用性 pp 里面封装好的这个 jason 的这个数组就可以，它这个里面前面是一个 数据，后面是一个状态，这个状态的话我们就可以把扣子传进去，这数据的话我们可以传上一个 result， 那这个 result 没有定义，我们需要去定义一下，到了 result 等于我们这个数组 出组的情况下，我们需要去怎么去操作呢？我们首先它里面有个其实信息，我们使用常过来的 mse， 同样数据我们推过来， 这样我们就会返回来一个 jason 的一个数据，那我们， 嗯，我们可以直接访问一下，访问一下这个 重启哈， jason 收 a p i， 看，这样就返回来我们需要的这个 jason 的这个格式，那同样我们返回到 我们这边的数据，我们可以 return 一下， return， 你前面的验证是要加啊，你们加完验证之后，错误码的话，你可以指定一个对应的错误码，然后呃错误信息你也可以自己去指定，也可以是后台，就是呃 validit 里面你可以自定义的这些错误信息， 我们直接就可以 dollar this， 我们这个方法里面呢收 api， 我们现在需要去传这个参数了， 这就是，嗯， a d d， 我们就说插入成功， 当然这个是要跟模型去关联的，关联之后模型那边返回来，如果成功的话，我们再去调用这个 ap 的这个接口，那数据的话我们就到了这个传过去， 然后 code 那肯定就是两百，错误码的话，我们就我们不填了， 默认，因为我们正常返回了吗？然后我们再去在这这个里面去调用的时候，看一下我们这边的代码， 我们打印一下，我们就知道我们返回来了没有， 我们先看一下控制台啊，刷新一下一二三，一二三，看到没有插入成功。迪塔，迪塔也有，迪塔里面数据是内蒙一二三，遇到内蒙 一二三，这，这就是我们需要拿到的这个结果，我们拿到这个结果就可以做相应的事情。像一般情况下我们可以来判断一下 a f， 判断 r e s， 点 c o d 等于两百，那就证明我们请求成功了。请求成功之后我们可以呃打印一下这个 提示信息，我们把下面这个删掉，让他老是碍事，我们刷新一下，刷新完成之后我们就可以看到我们登录上号密码， 我们拿到数据了，然后我们还可以对应的提示信息告诉我们这个动作完成之后，我们就可以做相应的这个跳转呀，或者是怎么回事，当然你从这个 那我们去请求这个 a、 d、 p 的接口，我们可以看一下删掉，那我现在给加上一个。

supreme 接口前端加密，后端解密实战大家好，我是你们的科技小伙伴小鱼科技。上两期视频讲解了 supreme 后端接口返回值加密请求参数加密解密。本期视频再来展示下真实项目，前端请求参数加密请求后端接口， 需要将后端的工药给前端加密使用。废话不多说，直接上代码。首先 print 项目需要引入 samboy， 然后添加 index control 类，在类中添加请求斗一组页面接口， 在 h 五调用后端接口，并将请求参数使用工药加密传到后端，在 js 中实现加密方法， 使用 ex 请求后端接口。这里重点说明下， contained type 一定要与后端接口保持一致。实战中发现很多经验不足的前端，搞不清楚 contained type 是什么，再来看一下地具体实现。 这是一个首页请求接口，打开项目会默认跳到 h e m i 五页面， 在 prolocation limo 中添加 sam， 于是指定 h e l 方，在 temperts 目录下 指定前端后缀是 a g i u， 添加 index a t m r 页面， 在一启 ml 中添加一个按钮，点击时间， 引入必要的两个 j s， 一个是 j query j， 另一个是加密 j s。 这里的工要由后端提供，需跟后端一致。 j s 们添加加密方法，在点击方法中添加 a x 请求加密参数，调用后端接口 加号之后启动项目 项目，启动后，浏览器中输入项目首页地址，打开浏览器检查，点击加密。传后端按钮， 可以看到前端请求参数 数，在调用后端接口前已经加密处理了。后端接口接收到参数后解密，把返回之解密穿到前端了。 如果你对接口前端加密，后端解密有任何疑问，或者想了解更多相关信息，可以随时在视频下方留言，我会尽快回复。希望这个视频能对你有所帮助。如果你觉得有用的话，别忘了关注点赞哦，我们下期再见！

个人小程序申请这个接口是真费劲呀，我申请了一次两次三次 四次五次六次七次才通过。

大家好，我是千余，今天给大家分享一个 javascript 的小知识， uil 这样的一个接口，浏览器原声提供了 uil 这样的一个接口，它是一个构造函数，用来构建 呃解析或者编码 uil 的一个呃构造器，一般情况下通过 window 点 uil 就可以拿到，那么 window 点 uil 其实它就属于什么浏览器这一个呃， vivo api 相关的，这嗯，只能在浏览器里面使用啊。 我们可以看到这一个 url 的话，它的一个构造器需要去接受一个参数，就是我们的一个完整的 url 地址，如果你传入的这一个地址的话，它是不合法的，就会出现一个，它会抛出一个错误，我们可以看到这是一个合法的，那这一个合法的 url， 它会生成一个 url 实力，用来指定当前的这一个网址，我们通过哈佛这样的一个属性就可以去访问对应的这个地址啊，这一个是最基本的一个使用，如果 url 的一个支付串是一个相对路径，那么我们就需要拼凑一下， 我们也可以直接使用注册这样的一个拼图方式了啊，这一个我们也可以通过 url 进行一个拼充。 怎么拼出来？我们传递两个参数，第一个是你需要的这个，呃文件名字后面是你需要的一个基准值哈，基准值其实就是我们的根路径，或者叫做根根域名啊，在这个地方的他会拼凑出来啊，变成这个样子， 这个是 u l 的另一种用法，同理的话，我们可以在这种情况下它会自动去停止啊，哎，我们可以看到在这个跟 路径下面有个 pg 一 htm， 你如果加上一个 pg 二点 htm， 就是在当前这个跟路径下再添加了一个 pg 二点 htm 啊，就是当前路径啊，所以说就是这样的一个地址， 我们想返回上一集啊，就像这一个，我们在 a 这一个目录啊， a 这一个目录下面有一个 bdhtl 啊，我想返回上一集啊，返回上一集其实就是个目录，咱们可以看到目录的话，所以说这个地方 你点点表示返回上一级的一个含义是他会返回一个目录。好，我们今天就分享到这个地方，如果有任何问题私信我。

大家好，我是山月，今天分享前后端连条数据的三个小技巧。当项目开发完成进行提测后，测试人员发现了一条 bug， 原来是某个接口报错变成了红色。 这就是第一个小技巧，对于异常 api， 请使用四百以上的状态码进行表示，四百以上的状态码在浏览器开发者工具调试下为红色，可以眼定位到异常的 api。 但是在目前的一些公司中，对任意异常的 api 还是使用二百状态码其实不太友好。 那测试人员发现这条异常请求后，如何告知后段开发呢？在虫子管理平台提交 bug 时，测试人员可附加以下信息，第一，告知单前的登录用户。第二，告知单前的所在页面。第 三，告知页面的操作步骤。但是这有点比较繁琐，实际上只需要一个 cur 即可搞定。 第一步，在控制台选中该条异常 epi， 右键点击拷贝为 c u r l。 第二步，将该 c u l 命令贴在 bug 的上下文信息中。 这就是第二个小技巧，在浏览器控制台复制一场的 api 的 c u r 二扔给后端，后端拿到该 c u r 二后，无需登录也无需操作页面即可打断点进行问题定位。 但是如何更好的去控制 body 传递的参数呢？而在 c u r 中修改参数是非常复杂的，此时可以在 a force 等 api 调试工具中直接将 cur 转化为 api force 中的请求，此时修改参数特别方便。这就是第三个小技巧，通过 api force 等 api 调试工具导入 cur， 方便修改参数。 另外在 apiforce 中还可以将 api 请求转化为代码，这样子爬虫是不是就非常方便了呢？

让我看看还有谁不了解前端登录流程，会的不会的都跟着瑞塔再过一遍通用流程，可能不同的项目在技术上会有些许差异，但是大多大同小异啦。 第一，我们在登录页点击登录的时候，前端会带着用户名和密码去调用后端的登录接口。第二，后端收到请求会去验证用户名和密码，如果验证失败，会返回错误信息，前端提示相应的错误信息即可。 如果验证成功，后端就会给前端返回一个 token。 第三，前端拿到 token 后，将这个 token 存储到 you 叉和 local story 之中，并跳转页面，即登录成功。第四，前端每一次跳转到需要具备登录状态的页面时， 都需要判断当前托肯是否存在，不存在则跳转到登录页，存在则正常跳转。通常我们把这个逻辑封装在陆游守卫中，另外再向后端发送其他请求时，需要在请求头中戴上托肯。项目中，我们把这块的逻辑封装在请求拦截其中后， 判断请求头中有无 tok， 有则验证该 tok， 验证成功，就会正常的给我们返回数据。如果验证失败，比如 tok 已经过期了，那么就会返回相应的错误码。前端拿到错误码信息，清除 tok 并回退至登录页。以上就是一个通用的登录流程，看到这里的小伙伴对大体流程应该是有概念了吧，关注瑞塔，每天进步一点点！

上个视频分享了前端路由权限管理，还有很多同学表示不懂，我们来看一下这个流程图。打开页面的时候，首先判断是否登录，未登录则跳转到登录页面，登录成功，拿到 token 后，拿着 token 获取权限菜单列表，打开我们的页面来看看效果。 第一步先调用的是登录接口，第二步是获取权限菜单，权限菜单有几个关键的店，可以看到现在权限菜单是异为数组，数组元素有几个自断 id， everyonetid name。 其实这里把前端的路由表给后端进行管理了，因为前端存在路由嵌套的问题，供每一个路由配置给出当前的 id 和副 id， 这样子前端拿到一维的数组的时候，就可以生成一个有路由嵌套的路由表了。顶层的路由 id 未 一后面会用到。我们现在从代码的角度来聊一聊这个是怎么做的，一般我们放在一个 permission just 中处理，这里是调用接口返回一个路由表，使用 router add de roots 动态注册路由。 router add de roots a p i 已经废弃， 新版使用 add root 和 four 循环替代。我们切换到 v x 中的 app g s 模块 get info 方法， get info 是获取全线菜单和生成路由表。路由表是由前端生成的，有一个 component 字段， 这个字段是路由对应的页面，我们拿到后端接口数据后生成路由表，要在本地把这个字段加上。在这里用到了我们开始介绍的负一 id 了。我们从一个一维数组生成一个路由表数需要知道一个跟结点，那么这个负一就是跟结点了，现在来看看生成 成路由表的方法。 create roots 这是一个地规方法，传入一个副 id 和元素组，找到拥有此副 id 的所有子元素，根据 name 字段匹配本地定义。好的 i think roots map 路由页面印设表，最终这个方法会返回当前用户仅有的权限的路由表， 也就实现了我们的效果。当然这是我的实现方案，欢迎在评论区说出你的解决方案，一起交流学习，希望这个视频对你有帮助。

上传文件，你第一步千万不要去写什么界面啊，组件啊这些玩意儿，这些不重要，上传文件第一步要做的事情必须是调试接口，为什么呀？因为上传文件的本质就是一个 a p p 请求啊， 有一个服务器，然后呢，我们通过一个 app 请求把文件数据给他带过去，不就完成了上传文件了吗？至于说发送这个请求的客户端，他可能是网页，也可能是一个 app， 也可能是小程序，也可能是一个桌面应用，有可能是用户点击的某个东西，有可能是自动上传， 随便，不管你前面这个客户端做了什么样的事情，你最终要完成上传的动作，一定是一个请求过去了，同时把文件数据给他捎带过去了。所以说第一步呢，你一定要拿到你们公司的文件上传接口，他一定有个文档给你，你把这个文档 要好好阅读一下，然后单单的用这个接口去调试一下，看他通不通。如果说这一块都有问题的话，你后边怎么开发都是有问题的。所以说先把这一步搞定，不要写任何代码， 直接发请求。那么什么样的东西可以直接发请求呢？那工具有多了，常用的就是 poseman， a p， f x， 对吧？这些应该是你们接触的比较多的，甚至控制台呢，也可以发请求，比方说 co 命令， w get 命令， 对吧？都可以发请求。那我这里呢，用的是一个 vs code 的插件，叫做 rest client， 你首先呢，到插件市场里边去找到这个插件，然后去安装这个插件的好处啊，它就在于可以让你用一个非常原始的 a t p 请求格式，把请求发出去， 具体怎么用呢？看着啊，到工程里边去。比方说我们要上传这个图片，我们要发一个请求，怎么做呢？新建一个文件， 给它取个名字，名字随便取啊， test 后缀名呢？给它取上 atp。 好，那么在这里呢，就可以编写最原始的请求格式啊，比方随便来一个吧，来发一个 get 请求，怎么发？ atp？ 写意里边第一个单词就是请求方法是吧？然后呢，写上什么请求路径，比方说跟路径，然后写上请求版本这些没问题吧？ 然后写上什么 hot， 对吧？请求主机，主机是什么呢？比方说我们请求路易的官网啊，路易 edu 点 com 就完了呀，请求头请求行，然后呢，发送请求上面的按钮啊，点击一下， 你看服务器的响应结果不就过来了吗？对吧，这就是完成了一个非常简单的请求，而且呢给的是一个最原始的 atp 请求格式，这可以非常好的帮我们去理解这个请求的过程。那我们现在就利用这个工具来发送一个文件，上传的请求怎么发送呢？对，照着这个文档来，他怎么说你就怎么。 首先是请求路径，路径呢是这个，那么你在这里呢，该改一下啊，改成 upload single 啊，路径没问题了。然后是主机呢，主机呢？他会在文档最开始的时候就就会告诉你，一般来说每个公司呢，他会部署一些测试的服务器，那么你把他测试的服务器的主机名填进去就可以了啊，我这里呢是 test， 就靠九五二七。好，请求方法呢？文档里边也告诉你的啊，一般来说呢是 post 好，这里呢写上 post 好 post 请求一定要带一个请求头啊，叫做 content。 他表示说我后边的请求题里边的东西是一个什么样的格式？比方说你用的是接审格式，账号查查密码查查 比方用的这种格式的话，那么这里要写上什么？是不是 i b k 请节省对吧？学过的没问题吧。呃，那么这里呢，上传文件是一个什么样的格式呢？那就不一定了啊，每个公司呢，他有自己的要求，一般来说呢，是这种 格式 the mark part form data 好，于是呢，我们在这里呢，需要把请求格式给它变一下啊， mark part form data 这个格式呢，它会不会附带一个叫做 boundary 表示分割符？这啥意思呢？我们一会儿就知道了啊，先随便写表示一个分割符。好，那么接下来就开始写这个请求题了。请求题咋写呢？ 他一定要按照这个格式来写，他现在不是接上格式了，你就不能再这样写了。那怎么写呢？看好了啊，他是这么写的，用两个短横线 加上这个分割符作为一个字段的开始。比方第一个字段账号，那就填到这，当然具体的填法了以后我们再说，反正第一个字段的信息就填到这，然后接下来是第二个字段。 第二个字段的信息呢？比方密码填到这，第三个字段比方通信地址，那么你填到这，懂这意思吧？看到没，这个分割符他就起这么一个作用，当你把所有的字段全部填完之后呢，最后 后你需要用这种格式来结束前面两个横杠，然后加上一个分割符，然后再加上两个横杠，表示整个请求体结束了，这就是这个 marketpart form deta， 它的具体格式就这样子。那具体要写几个字段呢？我这里写了三个，对吧？具体写几个呢？那要看你的接口要求，他不是一定的 学程序，千万不要把他学死啊，他要求几个你就写几个。像我这里的单文件上传呢，就上传一个文件就可以了，因此呢，你只需要写一个字段就可以了啊，把这些全部删掉，那么这里呢，就写一个字段。那么每一个字段具体该怎么写呢？首先呢，写上一个固定的语句， 叫做 content desperation format 固定写法。然后呢，后边写上字段的名字。我举个例子啊，比方说刚才我们写接胜格是咋写的？账号，账号的值，对吧？那么这里的 name 呢，就相当于是这个属性名，或者叫做 键的名字。因此这里该怎么写也要看文档，文档里边要求你自断名称为 avata， 所有的自断名称影响到哪，它就影响到协议里边的这个部分， avata 相当于是一个属性名。好。然后呢，如果说是一个文本自断的话，那就没啥了。比方说这是一个 login id， 那后边直接写上账号的值就行了，只要账号的值是这个，直接写就完事了。 但是由于这个字段是一个上传文件的字段，你后边还要写上一个 fail name， 这个玩意起什么作用呢？它的作用是告诉服务器，这个文件在我本地的名字是啥？服务器呢，可以作为参考。比方说我要上传的这个文件叫 small 点 jpg， 这个文件的名字就是石墨者接脾气啊，你把这个名字给他写上就完事。当然呢，你也可以改成别的名字啊，无所谓的，只不过一般来说呢，我们写的是文件的本地名字。好，与此同时，由于呢，这个字段呢，他是 一个文件数据，所以说呢，我们还会告诉服务器这个文件的类型。注意啊，这里的 content type 和上边这个就不是一个意思，上边这个表达的意思呢，是整个请求题，他是什么样的格式哦，他是用分割符这样一块一块分割的这么一些字段， 这里的 ctrl 表示这个字段下是一个文件。这个文件的类型是啥？那么这里呢，写的是 mat 类型，这学过了是吧，就是用一个字符串来表达某一块数据的类型。这是什么文件？是一个图片什么格式？接 peg 好，那么前面这两段话呢，就描述清楚了啊，我有一个文件本地的名字是这个， 然后呢，他的内存呢？是一张图片，然后是 jpg 的图片。好，写完了这些描述之后，接下来下边这个地方就会写上图片的二禁止数据。我们上传文件，最终就是要把这个文件的二禁止数据给他。 八道服务器放哪的？就是放这的，这就是最原始的上传文件的格式。但是呢，我在这个文本编辑器里边确实没有办法去写什么二进制数据，不是说写个零一就完事了，他会把这玩意当成字符串的。那怎么办呢？ 哎，幸好呢，这个插件他可以让我们用一种简易的写法来表达一个二进制。你不知道上传文件吗？那你用这种格式写，这里改上文件的路径， small 接平行。我要重点强调一下啊，这句话是给这个插件看的， 当他发送请求的时候，看到了这么一句话，他会怎么样呢？他会把这个文件的数据给他读出来，然后用他的二进制数据替换掉这个地方， 也就是说， a、 k、 d 的请求最原始的格式下边这里放的一定是二进制哈，他不是这么一个玩意哈。好，准备好了一切之后， 我们就可以发送请求了，来，把请求给他发出去。发送请求收到了服务器的响应结果，服务器告诉我们，图片上传成功了，并且呢，通过这个响应结果 data 来告诉我们，你可以通过后边这个 url 地址来访问到这个图片， 一切都完成了。通过这个过程啊，同学们可以感受的到，原来图片上传并不需要什么按钮，不需要什么样样的各式各样的界面，不需要什么事件，不需要浏览器，不需要小程序，不需要艾特，一个 adtp 就完全搞定了。文件上传，这才是文件上传的本质，你做文件上传的时候，第一步就要去调通这个接口， 当然呢，这个接口里边还告诉你的很多信息，包括允许的后缀名是啥，对吧？如果说你把后缀名给他改了，然后你发送看一下呢？福气告诉我们，后缀名不符合要求，对吧？说明福气读的是哪的？后缀名读的是这里， 你给他写的那个 filing， 这里可以是随便写的啊。哎，有同学说他为什么不读这个呢？我再一次重申啊，到真正发送请求的时候，这一块会被替换成文件的。二、禁止数据哪有后缀名啊？复习读后缀名读的是啥？读的是这个 好，包括呢？还有就是最大尺寸，我这里的图片呢，比较小啊，所以说上传成功了。如果说你上传一个比较大的文件，比方说像这个 hug 点 gpc 啊，是另外一个文件，他就比较大，改一下吧，咱们发送一下服务器，告诉我们文件过大，那么这些呢，都可以通过服务器的程序来进行控制 好，下面呢，是一些响应结果的视力啊，成功了会怎么样？失败了会怎么样？你对照一下看那个接口，文档说的和你真正的试验出来是不是一致的，一致的话说明接口是没问题的，不一致的话去找你的后端开发人员沟通，调通了接口，你就扫清了文 线上传最重要的障碍，然后再去写各种各样的界面，各种各样的交互，那都是后话，也不是什么难事。我们后边呢，会带着大家写一写。

项目部署工作二，那我也简单的介绍一下后端的一个工作哈，我以一个露结石的一个接口为例。好吧，那我们要把整个项目上线要做什么呢？ 那第一步呢，就是购买我们的服务器，那服务器的选择有很多啊，什么阿里云、腾讯云、百度云，是吧？那你这个根据自己的需求，像我用的比较多的就是阿里云那服务器的一个配置要跟你的项目相关哈，那你是想做什么项目的？然后想用什么？呃，那个平台的，比如说 window 还是用这个 minix 自己确定， 然后大小的话也要看你的项目而定，一般小的项目的话不需要太大哈，一开始的话买个一居就差不多够用了，因为到时候不够用，你可以继续扩充的，无所谓的。 那第一步我们的服务器已经购买了，然后接下去第二步就是要进入到你的实力里面做一些相关的设置啊，比如说一开始首先要进入到我们的实力里面，修改这个登录服务器的一个密码， 然后呃要把这个 ip 地址看一下，到时候我们是要把这个 ip 地址呃设置好那个安全组和防火墙之后，我们要把这个 ip 地址给前端的，因为前端是需要获取这个数据的，我们要配置好。 第四步呢，就是环境的安装啊，进入到服务器里面，如果是 no， 我就要把 no 的这个环境给搭好，然后我用的是什么数据库也要弄好，然后链接好这个数据库，把接口烤进来 啊。那第五步呢，就是把我们前端的这个页面拿进来，然后把接口绑好。那最后一步呢，就简单了，当你测试好这个页面，能够在服务器里面打开了，那就证明整个项目已经跑起来了，没问题了啊。那最后一步就是回到我们的实力，设置一个安全组，开放我们的八零端口号， 我们一般都是用默认的八零，八零断口就不用写了吗？然后呢，回到这个扶起里面也要开放一个这个断口号，这个防火墙设置一下，那我们就可以让别人看到访问到我们的一个网站了。 那这个因为实操性的这个东西比较多，只能大概介绍一下啊。如果有同学真的想这个把这个项目上线，不懂的可以私聊我啊，我录制好一套那个详细的视频，你可以问我，要关注我，一起学前端。