【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)

这篇具有很好参考价值的文章主要介绍了【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


一、问题:

线上部署报错net::ERR_ABORTED 404 (Not Found),但本地部署到nginx里面却没问题

net::err_aborted 404 (not found),Vue框架,vue.js,前端,javascript

二、分析:

publicPath 配置的原因

三、解决:
module.exports = {
    publicPath: "./"
}

如果以前使用publicPath: "/"没错,看一下nginx配置有没有错(记得nginx要重启)

四、扩展:

net::err_aborted 404 (not found),Vue框架,vue.js,前端,javascript
net::err_aborted 404 (not found),Vue框架,vue.js,前端,javascript
net::err_aborted 404 (not found),Vue框架,vue.js,前端,javascript

【vue-cli设置publicPath小记】https://www.zhuxianfei.com/jishu/js/26916.html文章来源地址https://www.toymoban.com/news/detail-770188.html

到了这里,关于【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Spring Cloud+Vue前后端分离项目报错:Network Error;net::ERR_FAILED(请求跨越)

            1.1、存在跨域请求问题          跨域请求: 请求协议、域名、端口号,这三个如果有一个不一致就是跨域请求。 当前URL 请求URL 是否跨域 结果分析 https://www.baidu.com https://www.baidu.com/index.html 否 域名、协议、端口号一致 http://www.baidu.com https://www.baidu.com 跨域 协

    2024年02月07日
    浏览(30)
  • vue-cli脚手架创建创建的项目打包后无法正常打开报 Failed to load resource: net::ERR_FILE_NOT_FOUND错误

    亲爱的小伙伴们,你们最近是否有遇到用使用最新的脚手架打包项目后index.html文件无法正常打开,然后控制台报错的情况呢,不要担心,这个坑今天被我踩到了并且被我解决了,下边就让我来给大家分享一下经验吧! 1.找到vue.config.js文件,进行如下配置 即添加一行配置:

    2024年02月15日
    浏览(34)
  • VUE报错:WebSocket connection to ‘ws:……ws‘ failed: Error in connection establishment: net::ERR_CONNECTI

     在vue的vue.config.js里这样设置就不会报错啦,但是我也不知道问什么,纯小白。。。

    2024年02月16日
    浏览(30)
  • 接口请求报错 net::ERR_EMPTY_RESPONSE

    使用fetch请求接口,控制台报错net::ERR_EMPTY_RESPONSE。 但是使用Swagger请求接口正常, 使用Postman请求接口也正常。 是不是因为浏览器多重跨域导致。因为当前项目后端地址涉及多重转发。 是不是因为Access-Control-Allow-Header, 没有允许对应的请求头参数。 是不是因为Access-Control-Al

    2023年04月08日
    浏览(43)
  • Capacitor 打包 h5 到 Android 应用,uniapp https http net::ERR_CLEARTEXT_NOT_PERMITTED

    capacitor 官网: https://capacitorjs.com/docs/ 项目上需要做一个 app,而这个 app 是用 uniapp 做的,里面用到了一个依赖 dom 的库,所以无法使用 Uniapp 直接生成对应的 android 应用,试过了,无法使用,体验很差。 后发现 capacitor 打包 h5 到 Android 应用 摸索了一天半终于把这个路径打通了

    2024年02月08日
    浏览(46)
  • 前端请求报错net::ERR_INCOMPLETE_CHUNKED_ENCODING

    项目后端程序运行环境为centos7.6。 首先是前端页面中大小为160多KB以上的图片均无法加载,且后端程序捕获到异常 IOException,查看前端请求发现内存较大的图片均请求响应状态为200,但返回 failed,net::ERR_INCOMPLETE_CHUNKED_ENCODING,并且后端频繁出现tcp管道断开重连异常 ①考虑较

    2024年02月04日
    浏览(48)
  • post请求报错 net::ERR_CONNECTION_REFUSED AxiosError code: “ERR_NETWORK“

    post请求接口报错net::ERR_CONNECTION_REFUSED,AxiosError中 code: \\\"ERR_NETWORK\\\"。百度了有说跨域有说请求格式不对,我的跨域已经在nodejs中设置了cors,还是不知道什么原因 查看network发现请求了两次接口,百度说 strict-origin-when-cross-origin 跨域报错,按照说的操作还是不行  最后看是请求头

    2024年02月11日
    浏览(28)
  • net::ERR_CONTENT_LENGTH_MISMATCH 206 (Partial Content) 报错

    最近现场实施人员反馈有个功能不能正常使用,F12查看浏览器的控制台,提示net::ERR_CONTENT_LENGTH_MISMATCH 206 (Partial Content)的错误, HTTP状态码206表示“部分内容”(Partial Content),表示服务器成功处理了部分客户端的请求。通常情况下,这个状态码是在客户端通过HTTP Range头部请

    2023年04月25日
    浏览(27)
  • net::ERR_HTTP2_PROTOCOL_ERROR 报错处理

    关于浏览器报这个错的文章无数,所以这个报错需要根据自己的实际情况进行排查处理。 上截图: 我的问题是在导出文件的时候报错的,系统其他导出功能没问题,只有这一个导出存在该问题。下面是我的排查情况: 页面报错第一时间到服务器排查日志,后端服务日志无报

    2024年02月12日
    浏览(48)
  • 解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

    报错内容 解决方法 router文件 vite.config.ts nginx.conf 配置中路径apps是我自建的存放前端页面的文件夹 起关键作用的是 try_files $uri $uri/ /demo/index.html ,当然上面项目文件夹demo也需保持一致 alias 后面的路径是Vue项目打包后dist静态文件服务器存放路径,一般在nginx下面建一个文件夹

    2024年02月11日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包