备案控制台
开发者社区 开发与运维 文章 正文

vue 部署项目，访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))

2022-07-09 2088
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue 部署项目，访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))

问题

在本地部署之后访问完全没有问题


部署到阿里云服务器上，再访问页面出现空白页（也不是404），控制台给我打印没有这几个文件



原因

你的项目没有部署到你写的 publicPath 下，但是你是不知道的，那么publicPath 改为站点域名的根路径下就可以了


解决

在vue.config.js (vue-cli3以上)


是 publicPath 配置的原因


配置成


publicPath: './'
或者
publicPath: ''



更详细的配置可以查看：https://cli.vuejs.org/zh/config/index.html#publicpath

文章标签：
JavaScript
前端开发
关键词：
部署JavaScript
JavaScript文件
访问JavaScript
访问JavaScript文件
CSS js
流楚丶格念
目录
相关文章
朝阳39
|
2天前
|
JavaScript
vue中使用 HotKeys.js 教程（按键响应、快捷键开发）
vue中使用 HotKeys.js 教程（按键响应、快捷键开发）
朝阳39
7 0
游客uqb2obj6pe7ry
|
3天前
|
JavaScript
网页CAD（JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
```markdown # CAD网页编程概览 - 使用mxcad库，实现CAD操作如删除、复制、镜像、移动和旋转。 - `erase()`方法删除实体，`clone()`配合`transformBy()`用于复制和编辑。 - `mirror()`和`transformBy(setMirror)`执行镜像操作，基于参考线。 - `move()`和`transformBy(setToTranslation)`实现移动功能。 - `rotate()`和`transformBy(setToRotation)`进行旋转，支持角度输入。 ```
游客uqb2obj6pe7ry
68 1
网页CAD（JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
爱你三千遍斯塔克
|
3天前
|
前端开发 JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
爱你三千遍斯塔克
16 4
朝阳39
|
3天前
|
JSON JavaScript 数据格式
vue 绘制波形图 wavesurfer.js （音频/视频） 【实用教程】
vue 绘制波形图 wavesurfer.js （音频/视频） 【实用教程】
朝阳39
17 3
朝阳39
|
4天前
|
JavaScript 前端开发 容器
vue组件封装——固定宽高比的容器（2种方法：纯CSS实现 + JS实现）
vue组件封装——固定宽高比的容器（2种方法：纯CSS实现 + JS实现）
朝阳39
9 2
追逐时光者
|
13小时前
|
存储 C#
.NET使用CsvHelper快速读取和写入CSV文件
.NET使用CsvHelper快速读取和写入CSV文件
追逐时光者
6 0
爱你三千遍斯塔克
|
1天前
|
JavaScript API
若依没解构送post请求出现的bug，vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
若依没解构送post请求出现的bug，vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
爱你三千遍斯塔克
6 0
朝阳39
|
1天前
|
JavaScript
vue 农历日期转公历日期（含插件 js-calendar-converter 使用教程）
vue 农历日期转公历日期（含插件 js-calendar-converter 使用教程）
朝阳39
4 0
爱你三千遍斯塔克
|
4天前
|
JavaScript
Eslint.js文件Vue中没有，如何修改配置
Eslint.js文件Vue中没有，如何修改配置
爱你三千遍斯塔克
6 0
程序猿小卡
|
Web App开发 前端开发 JavaScript
CSS文件动态加载（续）—— 残酷的真相
程序猿小卡
1855 0

热门文章

最新文章

  • 1
    如何在 Ubuntu 20.04 上安装 Node.js 和 npm
  • 2
    Frida - App逆向 JavaScript代码注入 常用语法介绍
  • 3
    《JavaScript和jQuery实战手册（原书第2版）》——2.8节数组
  • 4
    深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现
  • 5
    js过滤空格回车
  • 6
    怎样用Javascript停止或者启动AJAX Timer
  • 7
    【温故而知新-Javascript】使用事件
  • 8
    微信 JS-SDK 实现自定义分享、手机选图拍照、图片音频处理、地理位置、摇一摇等功能
  • 9
    JS避坑-如何优雅地遍历对象
  • 10
    VC调用javascript的几种方法
  • 1
    【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
    23
  • 2
    HTML5/CSS3粒子效果进度条代码
    37
  • 3
    同样都是将物理设备虚拟化，思科的VSS和华为的CSS到底有啥区别？
    41
  • 4
    CSS 超出内容... 或者多行省略及两端对齐及超出多行居中显示
    19
  • 5
    CSS外边距重叠：原理、结果
    18
  • 6
    css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
    19
  • 7
    CSS常见用法 以及JS基础语法
    31
  • 8
    css设置内嵌样式阴影
    22
  • 9
    css样式实现一个滑动按钮
    31
  • 10
    wxss和css的区别
    49

    • 相关课程

    更多
  • CSS 快速掌握
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • Node.js 入门教程文档

    • 相关电子书

    更多
  • JavaScript函数
  • JavaScript异步编程
  • Delivering Javascript to World
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）