开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

尽管编译成功，但获取http://127.0.0.1:8000/dist/bundle.js net::ERR_ABORTED 404 (未找到)。(vuejs+django webapp)

这个错误提示是在使用vuejs+django开发web应用时出现的，表示在获取http://127.0.0.1:8000/dist/bundle.js时发生了404错误，即未找到该文件。

这个错误通常是由于前端构建过程中出现了问题导致的。在vuejs+django的项目中，前端代码通常会通过构建工具（如webpack）进行打包，生成的bundle.js文件会被放置在/dist目录下。然后在django的后端代码中，会将该文件作为静态文件进行加载和提供。

出现这个错误的可能原因有：

前端构建过程中出现了错误，导致bundle.js文件未能正确生成或放置在/dist目录下。可以检查前端构建工具的配置文件，确保正确配置了输出路径和文件名。
在django的后端代码中，未正确配置静态文件的加载路径或未正确提供bundle.js文件。可以检查django的settings.py文件中的STATIC_URL和STATIC_ROOT配置，确保正确指定了静态文件的URL和存放路径，并且运行了collectstatic命令来收集静态文件。
在访问http://127.0.0.1:8000/dist/bundle.js时，可能存在网络问题或服务器配置问题导致无法访问该文件。可以尝试使用其他网络工具（如curl或浏览器开发者工具）来检查是否能够正常访问该文件。

针对这个问题，可以尝试以下解决方案：

确保前端构建工具正确配置，生成并放置了bundle.js文件在/dist目录下。
在django的settings.py文件中，配置STATIC_URL为'/static/'，STATIC_ROOT为项目中的static目录的绝对路径，并运行collectstatic命令。
检查网络和服务器配置，确保能够正常访问http://127.0.0.1:8000/dist/bundle.js。

腾讯云相关产品和产品介绍链接地址：

腾讯云静态网站托管：https://cloud.tencent.com/product/tccli
腾讯云对象存储COS：https://cloud.tencent.com/product/cos
腾讯云CDN加速：https://cloud.tencent.com/product/cdn
腾讯云云服务器CVM：https://cloud.tencent.com/product/cvm
腾讯云容器服务TKE：https://cloud.tencent.com/product/tke
腾讯云数据库MySQL：https://cloud.tencent.com/product/cdb
腾讯云人工智能AI：https://cloud.tencent.com/product/ai
腾讯云物联网IoT Hub：https://cloud.tencent.com/product/iothub
腾讯云移动开发MPS：https://cloud.tencent.com/product/mps
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/mu

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【webpack】webpack-dev-server生猛上手——让我们来搭一个webpack的微服务器吧！

服务器的根目录就是我们工程的目录到这里，我们要做的第一步就成功啦！进入dist后，我们发现报了这样一段错误： ? what?没有找到bundle.js?.../bundle.js">此时显然不能根据路径找到bundle.js 解决错误：通过配置contentBase: path.join(__dirname, "dist")将bundle.js..."放在了"dist目录下，此时bundle.js和dist/index.html位于同一目录下，通过 src="....have to be served in place of any 404 responses) 在dist目录下新增一个HTML页面： /*剩下的都是很常规的HTML内容，故省略*/ 这里是404...运行成功！

2.2K7 0

webpack4实用配置指南-上手篇

因此在出现文件404时，检查下引用的资源url是否和contentBase里的文件一一对应。...另一个容易导致文件404的是：把publicPath设置为打包目录/dist。...这样的话，就需要多加一层： http://localhost:3000/dist/index.html, http://localhost:3000/dist/style/vutify.css才能访问。...解决方法：将本地服务器放在80端口上（Mac下需要sudo起服务），配置host：y.qq.com 127.0.0.1，此时使用http://y.qq.com/即可访问本地服务器。...'http://127.0.0.1:8360/common/getmultiple' : '/common/getmultiple' 解决方法： devServer: { host: '127.0.0.1

4.7K17 0

gulp替换webpack

之前项目中使用的webpack进行前端代码的编译，但一直不太喜欢webpack的那种玩法。...使用webpack编写编译脚本时就是按webpack的规则进行各种配置，必须完全遵守它的条条框框，明明是自己写nodejs代码进行编译，但完全可控感。.../webapp'; const buildJsPath = buildPath + '/js'; const buildImgPath = buildPath + '/img'; const buildCssPath...其它最后分享一下我做了一个工程脚手架，前端使用react+redux, 前端编译使用gulp+browerify+babel, 后端使用springmvc+spring+MyBatis，项目地址http...://git.oschina.net/jeremy-xu/ssm-scaffold。

2.6K4 0

Nginx安装与使用

/configure --prefix=/usr/local/nginx 查看是否报错 5 : 编译安装 make && make install 6 : 启动Nginx： cd /usr/local...网页文件 ...logs 日志文件 ...sbin 主要二进制程序启动命令：/usr/local/nginx/sbin/nginx [-s stop] 关闭（stop）重启（reload）成功...://192.168.1.171:8080; #} #error_page 404 /404.html;...:80 # #location ~ \.php$ { # proxy_pass http://127.0.0.1; #}...://blog.csdn.net/wave_1102/article/details/44475093 参考博客2：http://blog.csdn.net/shimiso/article/details

5552 0

Python-走进Requests库（推荐）原

//github.com/irtnog/dummy-fcntl.py 管理员命令依次执行 python setup.py build python setup.py install 获取成功...—————————————————————————— 7.启动服务器 mac下： gunicorn httpbin:app mac正常访问：http:127.0.0.1:8000...://127.0.0.1:8888/index，运行成功方法二：使用twister 备注： deactivate 退出虚拟环境二、了解HTTP协议...://127.0.0.1:8000/ip' URL_GET = 'HTTP://127.0.0.1:8000/get' def use_simple_urllib2(): response...://127.0.0.1:8000/ip' URL_GET = 'HTTP://127.0.0.1:8000/get' def use_simple_requests(): response

4K3 0

webpack5快发布了，你还没用过4吗？

const config = { output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }...path: path.resolve(__dirname, 'dist') } } // 写入到http://cdn.example.com/main.js, http://cdn.example.com.../src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'.../src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'.../src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'

1.6K4 0

《Go语言入门经典》16~18章读书笔记

(":8000", nil) } 运行这个程序，然后执行 curl "http://127.0.0.1:8000" 可以看到Hello World的结果。...比如http的响应头必须在响应之前发送，不然就没有意义了。 18.4 处理404错误然而，鉴于请求的路由不存在，原本应返回404错误（页面未找到）。.../", helloWorld) http.ListenAndServe(":8000", nil) } 执行及相应结果 curl -is "http://127.0.0.1:8000/" HTTP...("/", helloWorld) http.ListenAndServe(":8000", nil) } 测试 curl -X POST "http://127.0.0.1:8000/" Recv...a POST request 18.8 获取GET和POST请求中的数据 package main import ( "net/http" "fmt" "io/ioutil"

5572 0

Go 语言 Web 编程系列（八）—— 基于 gorillamux 包实现路由匹配：服务 SPA 应用

= nil { // 如果获取失败，返回 400 响应 http.Error(w, err.Error(), http.StatusBadRequest)...Handler: router, Addr: "127.0.0.1:8000", // 最佳实践：为服务器读写设置超时时间 WriteTimeout...dist 目录下，至此我们的项目目录结构如下所示： ?...然后在浏览器中访问 http://127.0.0.1:8000，即可看到如下效果： ?...可以看到之前对 msg 变量值的修改已经生效，并且基于 Go 实现的 HTTP 服务器可以成功服务 SPA 应用。

1.1K1 0

nginx简易教程

也可以下载源码，编译后运行。从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....通过设定编译选项，你可以改变这个设定。 Windows 安装为了安装 Nginx / Win32，需先下载它。然后解压之，然后运行即可。...host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

1.5K7 0

超详细的Nginx简易教程，一学就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

6143 0

超详细的Nginx简易教程，一学就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

5183 0

Nginx 极简教程，一看就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

5361 0

超详细的Nginx简易教程，一学就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

8292 0

Nginx从入门到实战，一学就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

6173 1

超详细 Nginx 极简教程，傻瓜一看也会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

7402 0

nginx简易教程

也可以下载源码，编译后运行。从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....nginx -V 显示 nginx 的版本，编译器版本和配置参数。...host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

9282 0

Nginx 极简教程（快速入门）

nginx -V 显示 nginx 的版本，编译器版本和配置参数。...host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。...参考 http://tool.oschina.net/apidocs/apidoc?

5383 0

Spring Beans RCE分析(附带环境源码)

classLoader了接下来我们进行访问 HTTP状态 404 - 未找到 存在classLoader，继续访问 localhost:8080/index?...=123 在这里我们可用设置content的数值，但真正的目的并不是给content复制而是调用getContent方法，下面有个小Demo，至于如何调用getContent前面最开始分析的有，但是再这里我再次解释一下...后面再随便添加一些内容就可以调用getContent方法 package com.naihe.controller; import java.io.IOException; import java.net.URL...://127.0.0.1:8000/567"); url.getContent(); } } 利用 url请求： context中有一个configFile属性可以通过赋值来修改...class.module.classLoader.resources.context.configFile=http://127.0.0.1:8000/naihe567&class.module.classLoader.resources.context.configFile.content.naihe

2731 0

【JavaWeb】学习笔记——Ajax、Axios

://127.0.0.1:8000/ajaxservlet'); //3.发送 xhr.send(); //4.事件绑定处理服务端返回的结果 //on when 当....://127.0.0.1:8000/server'); //3.发送 xhr.send(); //4.事件绑定 xhr.onreadystatechange...xhr.open('GET','http://127.0.0.1:8000/server?a=100&b=200&c=300'); //POST请求的参数在响应体重，相较于GET数据隐秘性更高。.../npm/axios/dist/axios.min.js"> 使用 unpkg CDN: 快速入门——使用axios 发送请求，并获取响应结果 //GET axios({ method:"get", url:"http://localhost:8080/ajax-demo

8331 0

超实用的 Nginx 极简教程，一看就会！

安装与使用安装 nginx官网下载地址：http://nginx.org，发布版本分为 Linux 和 windows 版本。也可以下载源码，编译后运行。...从源代码编译 Nginx 把源码解压缩之后，在终端里运行如下命令： $ ....$host; proxy_set_header X-Real-IP $remote_addr; #后端的Web服务器可以通过X-Forwarded-For获取用户真实...proxy_send_timeout 90; #后端服务器数据回传时间(代理发送超时) proxy_read_timeout 90; #连接成功后...举例来说：如果所有的静态资源都放在了 /app/dist 目录下，我们只需要在 nginx.conf 中指定首页以及这个站点的 host 即可。

6261 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭