vue新增页面访问空白的问题如何处理？

最新推荐文章于 2024-10-03 19:06:44 发布

原创最新推荐文章于 2024-10-03 19:06:44 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #html

lavarel 同时被 2 个专栏收录

6 篇文章

订阅专栏

Vue

2 篇文章

订阅专栏

在维护系统时遇到前端Vue页面加载空白的问题，通过检查发现是路由配置未设置导致。修复方法是在resourceassetsjscomponentsadmin outerindex.js中添加新页面到路由配置。完成这两步后，页面正常显示。然而，接着又遇到了后端API请求返回404的错误，说明需要进一步排查后端接口路径或HTTP方法的正确性。

最近维护一个系统，根据项目的发展需要新增一个供应商列表和审核的功能，需要新增管理页面

后台接口我弄好了。

前端的vue页面也新增了，访问的时候出现空白，这是什么情况？？？

还好可以依葫芦画瓢。摸清了门路，主要是因为vue的路由没有设置，把新增的页面名称加入路由就搞定了。以下2步搞定。

找到resource\assets\js\components\admin\router\index.js文件

1、添加

const supplyCompanyList = r => require.ensure([], () => r(require('../view/user/supplyList.vue')), 'supplyList')

2、再在new Router({routs:[{}]})添加

{
path: 'user/supplyList',
name: 'supplyList',
component: supplyList
}

现在刷新供应商列表就显示了，哈哈

这个空白问题虽然解决了，但是新的问题又来了，请求后端出现404.

Request URL: http://test.cc/api/user/suppply_list
Request Method: POST
Status Code: 404 Not Found
Remote Address: 127.0.0.1:80
Referrer Policy: strict-origin-when-cross-origin

下面继续处理404的问题，不写了