记一次vue2项目部署nginx静态文件404解决过程

github上下的一个vue2的项目,运行可以的,webpack打包后,nginx请求报错:

发现路径很奇怪啊,所以果断来到build.js文件中看看是不是哪里不对。

已经一番引用查找:

发现在这里配置了个属性值。assetsPublicPath这个名字看着就是静态文件的公共位置嘛,所以直接请求了这个地址下的css/js文件。

于是我到这个路径下找找看看,是不是有css/js文件:

发现打包文件很规范根本没有这些个东西。所以自然而然,我要把assetsPublicPath这个属性的值改为根目录试一下了:assetsPublicPath: ‘/‘,

重新build居然成功了。

好吧,菜鸟要会猜系列。

时间: 2024-10-06 19:09:16

记一次vue2项目部署nginx静态文件404解决过程的相关文章

django项目部署后静态文件收集【解决admin后台静态文件丢失】

在部署完Django项目后,进行admin后台登录发现样式丢失,后台日志显示:js和css文件丢失 解决办法: 配置settings.py如下: #DEBUG打开时,app的静态文件默认从这里读取 STATIC_URL = '/static/' #静态文件根目录,当关闭DEBUG的时候admin从STATIC_ROOT获取静态文件,同时需要配置url STATIC_ROOT = ("f:/py_workspace/DJ/proj/people/static/") #Django部署在A

web项目js css静态文件缓存解决

在web开发过程中经常会遇到js及css文件缓存的问题,开发过程中我们可以自己手动的清空浏览器缓存,但是我们没法告诉用户去执行一个他们或许不熟悉的操作(清空浏览器缓存),为解决这个问题,编写了一个grunt插件,在前端构建的时候,可以使用grunt插件来做这件事情,就是将js及css文件自动的加上一个版本号(这里我用的是时间戳) 基于grunt的js 及css文件自动加version的插件,可以将配置的目录下所有引用到指定匹配的js及css文件加上一个版本号 github地址:    https

项目部署 nginx + uwsgi

1.项目部署的相关概念 关于部署流程,主要包含以下两个方面:部署方案.部署环境: 1.1部署方案 1. 分析项目的产品需求文档,定好部署方案的方向 2. 分析项目开发文档,按照功能边界,设计部署的结点 3. 分析项目功能软件,合理的取舍,选符合当前业务场景的 4. 梳理项目部署涉及到的部署软件实现方案,根据上面第2点确定的结点,确定初版部署方案 5. 根据项目实际情况,调整优化并确定项目部署方案 1.2部署环境 1.2.1个人开发环境: 工作人员:自己 工作平台:个人笔记本.公司配的电脑 平台特

Nginx的访问日志、Nginx的日志切割、Nginx静态文件不记录日志和过期时间

Nginx的访问日志 Nginx的日志切割 Nginx静态文件不记录日志和过期时间 原文地址:http://blog.51cto.com/13515599/2086909

关于在Clion中创建解决方案、项目与源/头文件的解决方法

关于在Clion中创建解决方案.项目与源/头文件的解决方法 在windows端我们经常使用的集成编译器是Microsoft Visual Studio(以下简称VS),一些用户使用mac端时,由于VS不支持macOS,很多人会选择使用虚拟机或者安装双系统来进行工作,但个人感觉这样做会对系统的性能造成一定程度的降低,这里就浅讲一下如何在Clion中创建与VS类似的解决方案 如何在Clion中创建解决方案 Clion由于使用的是波兰的C++编译器,这就导致一些文件内容编码类型的不同.在个人理解中,C

如何用Tomcat部署前端静态文件

在项目开发的过程中,一些公司经常是前后台分开的,并不是所有的前端文件都在后台项目中,尤其是互联网公司.这时候就需要后端人员单独运行前端文件.怎么用Tomcat部署运行前端静态文件呢? 工具/原料 Tomcat 方法/步骤 可以把文件直接放到webapps下面.当只是运行一个项目的时候,这种方法还好,但是当你涉及到两个以上项目的时候,就麻烦了.设定虚拟目录的方法,下面详细介绍.   配置虚拟目录也有两种方法,直接介绍我现在用的这种,直接在servler.xml里修改,毕竟经过了实践可用的,首先找到

aps.net core项目中添加静态文件

1.在project.json中dependencies下注册Microsoft.AspNetCore.StaticFiles"(也可通过nuget安装),如下所示: "dependencies": { ...... , "Microsoft.AspNetCore.StaticFiles": "1.0.0" } 2.在Startup类中的Configre方法里调用UseStaticFiles扩展方法来实现: public void Co

Nginx静态文件服务器配置方法

在Java开发以及生产环境中,最常用的web应用服务器当属Tomcat,尽管这只猫也能够处理一些静态请求,例如图片.html.样式文件等,但是效率并不是那么尽人意.在生产环境中,我们一般使用Nginx代理服务器来处理静态文件,来提升网站性能. 基本配置 server { listen 80; server_name file.52itstyle.com; charset utf-8; #root 指令用来指定文件在服务器上的基路径 root /data/statics; #location指令用

nginx静态文件不设置缓存

找到nginx安装目录下的nginx.conf文件,再nginx里面添加如下的内容 location / { add_header Cache-Control no-cache; add_header Pragma no-cache; add_header Expires 0; } 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/11348149.html