ThinkPhp引入静态资源layui出错 net::ERR_ABORTED

最新推荐文章于 2023-06-05 18:57:31 发布
最新推荐文章于 2023-06-05 18:57:31 发布
阅读量5.6k 收藏 1
点赞数
分类专栏： PHP后端 文章标签： thinkphp layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42114918/article/details/89211360
版权

 再做thinkphp项目的时候，引入了layui的js，css文件，但是样式出不来，查看控制台发现报错如下：

public/static/plugins/layui/layui/layui.js net::ERR_ABORTED

引入代码如下：我的写法是 __STATIC__ 

<link rel="stylesheet" type="text/css" href="/movie/public/__STATIC__/plugins/layui/css/layui.css">
<script type="text/javascript" src="/movie/public/__STATIC__/plugins/layui/layui/layui.js"></script>

 因为使用了模板输出替换就需要修改application/config.php文件中的view_replace_str

    // 视图输出字符串内容替换
    'view_replace_str'       => ['__STATIC__'=>'/static'],

然后样式就成功加载了

YICONGITSME
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
thinkphp5 加载静态资源路径与常量的方法
10-18
主要介绍了thinkphp5 加载静态资源路径与常量的方法的相关资料,需要的朋友可以参考下
nginx 502错误原因和解决办法总结
热门推荐
TianYao
11-26 2万+
nginx 502错误原因和解决办法总结一、NGINX 502错误排查二、Nginx 413错误的排查:修改上传文件大小限制三、Nginx 400错误排查：HTTP头/Cookie过大 一、NGINX 502错误排查 NGINX 502 Bad Gateway错误是FastCGI有问题，造成NGINX 502错误的可能性比较多。将网上找到的一些和502 Bad Gateway错误有关的问题和排查方法列一下，先从FastCGI配置入手： 1.FastCGI进程是否已经启动 2.FastCGI worker进
Cloud Studio 运行vue项目, 显示运行成功 但是调试的链接报502错误问题
dengweihong的博客
06-18 2355
按照官方文档Cloud Studio创建项目后，启动服务后提示502. 1.先创建空项目 2.然后新建工作空间选node.js 3.全局安装vue-cli $sudo cnpm install --global vue-cli 4.创建一个基于 webpack 模板的新项目 $sudo vue init webpack my-project 5.这里需要进行一些配置，默认回...
网站出现502报错是出现什么问题，应该怎么解决
最新发布
2301_77019676的博客
06-05 4350
1、服务器故障问题就需要检查当前的服务器是否故障是否在线。以及我们当前服务器的WEB环境、数据库等是否正在运行。同时，我们也需要检查当前服务器的IP是否有问题。2、DNS故障问题，检查域名的解析DNS是否有问题。3、服务器攻击问题，检查服务器是否有被攻击行为，如果有的话可能会导致服务器的负载过大导致的无法访问出现502错误的问题。4、浏览器兼容问题，通过多个浏览器访问看看是不是因为浏览器兼容问题，或者是有缓存导致的无法访问问题。我们可以清空浏览器缓存，或者通过不同的浏览器访问。
net::ERR_ABORTED
qq_44370455的博客
05-07 6562
net::ERR_ABORTED 网页端找不到资源导致这个问题。 今天在用ssm搭建项目，在引入jquery时，发现jquery不管用，启动项目运行，网页出现了net::ERR_ABORTED这个错误。 对于如何排除这个错误总结了以下几点： 1、首先检查自己的资源导入路径是否正确。 <script src="${pageContext.request.contextPath}/statics...
[已解决] layui layer laydate的js、css找不到路径net::ERR_ABORTED 404 以及layui hint：…… timeout问题
cwtnice的博客
07-28 5640
后端框架：Django 问题描述 无法使用layer、laydate等功能，并且查看F12 可以看到net::ERR_ABORTED 404错误，以及layui hint …… timeout 问题分析： layui组件中内部关联找不到资源。例如layui.js找不到layer.css 解决办法： 下载好的layui解压缩后，找到里面的layui文件夹，然后整个移动到static文件夹下，不要把layui的css、js文件按自己的结构放 (使用nginx处理静态资源还需要进行修改) 注：django也有自己
SpringBoot使用layui 出现net::ERR_ABORTED 404或者Refused to apply style from because its MIME because....
qq_36801317的博客
07-14 2622
目录结构：（直接将从layui官网下载的文件夹放入static中） 使用layui提供的表格demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table模块快速使用</title> <link rel="stylesheet" href="/layui/css/layui.css" media="all"> </head&gt
请求接口报错netERR_FAILED
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
03-10 3840
出现这个问题的原因： 1:前端域名配置错误 2:后端没有配置这个域名 解决： 确定当前接口请求和后端配置的域名一致，如果不一致，需要前端配置文件中改为和后端域名一致，如果项目中有使用多个域名的配置，除了主域名的接口之外，其他的域名接口需要单独代理调用，我当前的调用方式： getStoreSwitch(options = {}) { // 开关获取 options.baseURL = process.env.VUE_APP_WHALE_API options.url = `/pointma.
关于引入JS文件出现net::ERR_ABORTED错误的解决方法
零一零零一
03-03 4958
今天在发现项目的.js、.css文件存放位置过于散乱，于是开始一通整理，结果开始报错，em… 而后开始排查 1.首先查看引入的类型，正常 2.再检查引入的路径，正常(idea中可以按住ctrl，鼠标移动到对应引入文件上，路径正确会出现下划线) 最后经过检查才发现将.js文件与.jsp文件一同放在WEB-INF目录下，导致引入时出现问题，原因是WEB-INF下的资源不能直接访问(访问需要额外增...
使用cloud studio搭建Vue项目报错502问题求解
qq_42750329的博客
04-19 834
Vue页面报错502 在使用cloud studio搭建Vue项目中遇到了如下问题 项目已经启动成功，如图 但是创建链接访问网页时报错
学生在线考试系统thinkphp5+layui
04-21
基于thinkphp5和layui开发框架,分前后两端，后端管理发布考试。前端学生登录考试。现阶段支持单选和多选两种题型，后续扩展。系统自动判卷。考试定时，倒计时，学生成绩导出，查询等。 后台流程 1. 创建考题（录入...
帮助thinkphp 5开发者快速,轻松的构建Api:party_popper::party_popper::party_popper:
01-27
think-api 是给开发者提供的一套针对thinkphp的API扩展工具，帮助开发者方便快捷的建造自己的API应用。 该包是针对thinkphp5.1以上版本 简介 这个包提供了以下等工具： API版本管理 响应生成器 数据过滤器 JWT(Json ...
thinkphp转layui树形组件
09-22
由于layui树形组件格式的特殊性，可能从mysql查出数据组装成layui属性组件所需的数据格式这一点会让你头痛； 在该文件中完整的展示了如何利用tp的模型从mysql取得数据，并进行无限分类，最终转换成layui树形组件所...
基于thinkPHP的文件上传+layui实现头像上传功能：
01-02
基于thinkPHP的文件上传+layui实现头像上传功能的demo，包含数据库。。。。。。。。。。。。。。。。。。。。。。
Apicloud ajax请求返回"statusCode":0，网络连接错误code:0， msg:服务器返回数据格式错误，code:3
YICONGITSME的博客
05-24 1万+
最近在做一个apicloud的app项目，在写前端请求的时候遇到的错误。 一、{"statusCode":0,"state":2,"progress":100,"body":"连接错误，请检查网络或者请求配置是否正确","msg":"连接错误，请检查网络或者请求配置是否正确","status":2} 代码如下 ： var code = $api.byId('code').innerH...
PHP MVC模式讲解及实例
YICONGITSME的博客
03-21 9545
一、MVC模式流程图 二、MVC概念 （1）作用 MVC包括控制器（Controller），模型（Model），视图（View）。 控制器的作用是调用模型和 视图，将模型产生的数据传递给视图，并让视图去显示 模型的作用是获取数据并处理返回数据 ...
thinkphp5分页点击下一页失效，查询带额外参数解决方法
YICONGITSME的博客
04-23 2681
最近在做项目时，遇到了一个问题，点击分类时带上参数id=3，查询出对应的产品，产品有一个分页，但是点击第二页的时候， url变成了不带之前id参数的跳转，导致没有了查询条件，查询不出来商品，就去寻找解决方案。 首先看了看官方手册 分页参数 主要的分页参数如下： 参数 描述 list_rows 每页数量 page 当前页 path url路径 ...
wordpress自己制作主题常用函数
YICONGITSME的博客
03-21 1641
一、header.php文件中用到的函数 （1）同一个首部文件，但当加载不同页面时需要的判断 is_home()：当前页面为主页时返回true is_category()：当前页面为分类页时返回true is_single()：当前页面为单文章页时返回true is_page()：当前页面为单页面时返回true （2）当引用style.css样式文件时 <link rel="...
用thinkphp 写一个layui分页功能
05-25
以下是一个用ThinkPHP 5.1和Layui实现分页功能的示例代码： 在控制器中： ```php public function index() { $list = Db::name('user')->paginate(10); $page = $list->render(); $this->assign('list', $list); $this->assign('page', $page); return $this->fetch(); } ``` 在视图文件中： ```html <table class="layui-table"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>邮箱</th> </tr> </thead> <tbody> <?php foreach ($list as $vo): ?> <tr> <td><?php echo $vo['id']; ?></td> <td><?php echo $vo['username']; ?></td> <td><?php echo $vo['email']; ?></td> </tr> <?php endforeach; ?> </tbody> </table> <div class="layui-box layui-laypage layui-laypage-default"> <?php echo $page; ?> </div> ``` 其中，`Db::name('user')->paginate(10)` 用于获取用户列表并进行分页，第一个参数指定每页显示的记录数，这里是10。 `$list->render()` 用于生成分页 HTML 代码。 `$this->assign('list', $list)` 把用户列表赋值给模板变量 `$list`。 `$this->assign('page', $page)` 把分页 HTML 代码赋值给模板变量 `$page`。 最后在视图文件中使用 `foreach` 循环遍历用户列表，并使用 `$page` 变量渲染分页 HTML 代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值