解决访问static目录下文件找不到的问题（报404 ？）

最新推荐文章于 2024-07-29 14:49:33 发布

原创最新推荐文章于 2024-07-29 14:49:33 发布 · 7.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍了解决Vue项目中访问static目录下静态资源遇到404错误的方法，通过卸载并重新安装vue-cli全局工具，确保静态资源能够被正确访问。

在我们创建一个vue项目时，访问static静态资源目录下的文件时报404 文件找不到
如何解决？
此时我们打开终端全局卸载cli

全局卸载：npm uninstall vue-cli -g

然后在重新下载 cli

全局安装：npm install vue-cli -g

然后在 /static/img/×××.jpg 就可以直接访问到了

vue默认情况下static目录的文件是直接可以访问到的如果访问不到并且不是路径的问题那么就是cli出问题了
此时我们直接全局删除cli然后重新下载cli就ok了

如有问题评论回复

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sslcsq

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Django 4.x Static 静态文件使用示例和配置方法

Mr数据杨

11-05

3万+

大家好，我是Mr数据杨。让我带领大家穿越到三国时期，来一起学习Django如何使用静态文件。现在就像是主角郭嘉需要布置一场战场，其中的每一个元素，如兵器、战车，都是静态文件。郭嘉需要在中进行配置，就像他必须对战场有详细的规划和配置。在模板中使用静态文件，就像他在战场上有效地利用各种资源，把他们放在最需要的地方。郭嘉需要检查配置是否生效。如果兵器未按他的计划放置，那么他的策略可能会失败。静态文件配置参数的作用就好比郭嘉的各种策略。

遇到问题--Nginx---tomcat启动web程序访问静态资源时404找不到

直到世界的尽头

08-08

1万+

给web站点配置域名转发后 tomcat启动web程序访问静态资源时404找不到。经过确认项目资源路径都没问题。后来经过排查后发现是Nginx的配置问题。因为做了域名转发导致访问路径对应的不是tomcat本身的路径。主要需要增加配置 server_names_hash_bucket_size 128; proxy_redirect off; proxy_set_header Host $

2 条评论您还未登录，请先登录后发表或查看评论

2 条评论

? ? ? ? (?'-')? 2019.12.25
正好解决了我的问题👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
- 我们一直忘了就好回复? ? ? ? (?'-')? 2020.04.16
  [reply]qz_zlm[/reply]?????

vue填坑之webpack run build 静态资源找不到的解决方法

12-09

vue cli搭建的项目，在本地测试调试都OK，运行npm run dev之后运行正常，今天放到服务器上跑，结果RD说找不到打包后的静态资源，浏览器控制台错误代码404 问了RD，因为服务器上线方式的调整，不会指定具体项目路径因此，https://bigdata.yiche.com/static/css/app.149f36018149fcbe537f02cafdc6f047.css 这个文件找不到，看看我们正常打包好的目录：正确的访问路径是：https://bigdata.yiche.com/deploy/static/css/app.149f36018149fcbe537f02cafd

vue本地运行项目获取static中文件找不到问题，更新不生效

qq_35388369的博客

06-19

892

原因：由于运行配置了proxyTable代理 ‘/’，所有的网络请求都被代理，获取到静态文件实际上是代理服务器上的文件，所以本地修改static文件下的操作都不会生效。问题：vue本地运行项目，获取static静态文件夹中文件找不到，更新文件之后运行没有变化。解决办法：在全局代理’/'下，忽略掉static请求的代理。

vue项目npm run build扔到服务器的文件夹后找不到dist的static里的文件的问题

weixin_44910729的博客

09-30

3162

1、在项目的config文件夹找到index.js，改 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './',

关于vue项目中static文件下的静态文件找不到的问题

热门推荐

li00828的博客

03-29

2万+

在vue项目中，有一些数据我们并不希望被webpack打包，我们可以把这些数据写在一个js文件中，然后放在static（该文件下的内容不会被webpack打包）文件下。然后就是在别的地方调用这个js：我们在vue项目的根目录下的index.html文件中用script把该js文件引用进来。在其他的地方就可以使用这个js文件中的方法了。目的：在我们已经打包的文件中，可能会有一些名字/地址等数据，在不...

避雷：SpringBoot项目中访问static目录下静态资源仍然404问题

weixin_51046930的博客

12-02

2515

SpringBoot项目中对于静态资源的访问报错404问题

SpringBoot项目打包部署Linux后访问不到resources下的文件

gorgor在码农

03-30

3299

而对于 Class.getResource(String path)来说，可以加"/"开头，也可以不加"/"开头，它底层还是调到Class.getClassLoader().getResource(String path)去，但如果path不加"/"，例如"static/img/template.png"，则代表是相对路径，表示相对于当前运行这行代码的类，此时会加上包名+static/img/template.png。结果打印出来了，并且可以看到有报错信息，就是开头所说的问题。也行，也可以正常运行。

koa-static报Not Found/404错误

wq_ocean_的博客

10-15

2112

报Not Found/404的错误如果代码没写错，那就只有一个原因，路径没有写对。我的结构目录为：我想要访问static下的静态资源，即/static/app.js，贴上写的代码： const Koa = require('koa'); const path = require('path') const router = require('koa-router')(); const bodyParser = require('koa-bodyparser'); const serve =.

解决uWSGI部署Django项目static路径静态文件丢失报错404

qq_31759203的博客

10-23

2403

因为项目是前后端分离的，后端django，前端vue，在settins.py配置文件中静态路径配置如下： STATICFILES_DIRS = [ os.path.join(BASE_DIR, "fe/dist/static") ] 则在uwsgi的配置文件mysite.ini中加入static-map选项，其后参数为静态文件路径 [uwsgi] http = 192.168.9.28:8089 # socket = 192.168.12.130:8088 chdir = /home/zhaobl

解决vue项目 build之后资源文件找不到的问题

01-19

解决静态资源失效的问题这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', 修改之后的应为这样的: build: {

vue打包静态资源后显示空白及static文件路径报错的解决

11-19

今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname

vue项目的业务页面中访问static静态资源，点击下载时报未发现文件

Kratial的博客

04-21

2336

【代码】vue项目的业务页面中访问static静态资源，点击下载时报未发现文件。

django静态文件（static）访问404错误

PiKeHuPu的博客

06-28

5329

django在访问静态文件时发生404问题纠结了一下午的静态文件访问404问题： js文件404；浏览器url输入静态文件目录中的文件地址访问失败。解决：在settings.py中配置修改为如下代码： STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join('static'), ) STATIC_ROOT = '' 之后重启django服务器即可。注：真的就是这么简单。不过电脑运行环境不同，也许会有不同的问题。 ...

vue打包 assetsPublicPath改变，static下文件访问不到的问题

Mr青青子衿

08-29

3680

问题背景：一、.smallTarget项目，使用vue官网脚手架，修改了/config/index.js文件，把默认打包后的文件夹名称改成了“smallTarget”，这时候npm run build 打包部署，就可以访问到以smallTarget为根目录的页面。...

Vue-cli2.0 在开发环境(dev)中访问本地上传static文件夹下的json文件报错404

ProgrammingWhite的博客

03-13

767

BUG前提：因为有个需求比较急，所以暂时没有提供后端接口，需要前端做一个纯展示界面，保证能够达到预期交互效果就行，所以需要前端自己造一些假数据出来 BUG内容：这个模块在本地开发环境中的static文件夹下平级建了三个json文件，页面交互时就用到这些数据文件，但是一发布到开发环境就出错，显示获取json文件的接口一直报错。下面是我本地服务访问假数据的路径：下面是我发布到开发环境之后访问假数据的路径：在网上找了好多方法都试过了，但是没什么用，最后发现开发环境上的请求地址少了一个项目名。

static目录的页面无法访问 (已解决)（springboot）

CHN_NeverRegret的博客

07-29

301

WebMvcConfigurationSupport的实现类会覆盖springboot的默认配置，这里需要再添加进去

解决vue打包后部署到服务器找不到静态资源问题

ct5211314的博客

12-28

1万+

我们将项目打包后放到服务器上，会报找不到静态资源的错误。一、错误原因将项目打包后放在服务器上会默认在根目录上去找静态资源，但我们并没有将资源放在根目录上二、解决方案新增vue.config.js文件与后台沟通好服务器资源所放位置 module.exports = { publicPath: process.env.NODE_ENV === "development" ? "" : "/h5/pharmacy", }; ...

前端 vue 下载本地静态资源提示找不到文件

Yoga99的博客

05-11

2580

是用a标签download属性文件放在static和assets里都显示未找到文件将需要下载的文件资源 public 下即可 <el-button icon="fa fa-file" label="下载模板" type="primary" @click="handleDownload" /> handleDownload: function () { let elink = document.createElement('a') elink.href =

hymleaf访问static目录下资源报错404

解决访问static目录下文件找不到的问题（ 报404 ？）

2 条评论

解决访问static目录下文件找不到的问题（报404 ？）