ShuiBo'blog

人生若只如初见

嗨,我是水波 (@saber).


君以国士待我,我必国士报之。

记一次webpack资源路径问题

webpack执行npm run build 之后传到远程服务器后,路由不能正常显示。本地环境能正常访问。

问题

访问/dashboard正常跳转到/dashboard/index能正常显示,而在页面/dashboard/index刷新访问的时候就不能访问报了以下的错误。 问题

解决过程

看了下router文件后,并没有啥问题。 路由 又去看了下nginx正常配置:

location / {
    expires -1; add_header Pragma "no-cache";
    add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0";
    root /home/code/qingtingtui/dist;
    try_files $uri $uri/ /index.html =404;
}

后来发现是,资源路径的问题=。=刚开始用webpack这套,不知道。。。那三个错误,因为引入不对报的错。 <script type=text/javascript src=./static/js/app.508ef9f77b875a8ecd8b.js></script> 使用的是./相对路径,而正确的应该是绝对路径。手动修改了上传,果然好了。总不能每次都手动改各个资源吧。。。。应该有个配置的地方,搜索了下资料,解决方法如下。

解决

  1. 打开config/index.js文件。 文件地址
  2. 修改assetsPublicPath。果然dev的是/,build的是./。修改成/,build之后上传,完事! 配置文件
最近的文章

记一次LOCK_EX导致的504错误

页面访问,直接504。寻找问题0x01查看日志记录,应用没有日志,nginx超时后有日志。应该是到了Nginx,但是具体到应用哪里不清楚。0x02 应用入口打输出,直接显示。说明访问到了应用。 程序末尾处打输出,直接显示。说明程序过程没有问题。 最后在打日志的位置发现问题。file_put_contents($file_path, $message . "\\n", FILE_APPEND | LOCK_EX)0x03问题应该是LOCK_EX的某次句柄没有释放,导致后续的都不能写...…

继续阅读
更早的文章

跟我在Windows下玩docker吧!

迫于公司电脑是个台式机,而且网上的云也挺贵的,大一点的配置就得好多钱。所以就在windows下先搞定docker,再去云上实践。嘿嘿嘿!安装 需要个执行命令行的工具,需先安装gitbash步骤 访问安装文件地址; 下载并按照步骤进行安装。配置配置账号密码 使用boot2docker ssh登录到docker服务器 使用sudo su - root来切换到root下 使用passwd设置root密码配置加速器 因为官网访问相对来说比较慢,可以选择国内的镜像站点。 加速器有...…

继续阅读