实习总结——Vue项目打包挂载到服务器上

最新推荐文章于 2025-07-13 14:41:02 发布

原创最新推荐文章于 2025-07-13 14:41:02 发布 · 653 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了解决父页面加载子页面时出现404错误的方法。通过调整子页面的引用路径为static开头，成功解决了服务器挂载后的功能异常问题。

项目中父页面加载子页面；console报错信息：Failed to load resource: the server responded with a status of 404 (Not Found)（上周解决）（挂载到服务器上页面上的一些功能不起作用了）

根据网上博文（现象：父页面单独打开，不报错，但是父页面加载子页面时，报这个错。

原因：归根结底，是路径的事；子页面的引用路径不对。）

和公司之前的代码对比，经过一番操作验证，发现确实是子页面的引用路径不对改正过来。（子页面引用路径全部改成static开头）

挂载到服务器上页面功能够正常使用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

admvli2016

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

小程序CMS系统：内容管理后台开发

小程序开发

07-04

1152

想象一个奶茶店老板：他想在小程序上展示新品奶茶，但每次更新都要找程序员改代码；他想给店员分配“修改菜单”的权限，但担心误删历史数据；他想让小程序的菜单和线下门店同步，但总出现“线上显示售罄，线下还有库存”的尴尬——这就是**小程序CMS系统（内容管理系统）**要解决的问题。本文将覆盖小程序CMS的核心功能设计、技术实现（前后端开发）、实战案例，以及常见问题解决，帮助开发者从0到1搭建一个“让非技术人员也能轻松管理内容”的后台系统。

使用pm2部署vue项目

csdn_chengpeng的博客

01-14

7849

使用pm2在服务器运行vue项目为什么要使用pm2运行vue项目1.打包项目2.搭建服务3.pm2启动项目为什么要使用pm2运行vue项目可能很多人都会疑惑，使用vue做好的项目直接打包放在服务器上不久可以了吗？众所周知 vue打包后会生成一个名为dist的静态资源文件夹，那么如果想要在云服务器访问这些资源只能通过 http://xxxxx/dist/index.html来访问。如果想要和...

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

vue 打包后的文件部署到express服务器上的方法

08-29

vue是目前最流行的前端框架，今天要介绍的是如何利用vue+webpack+express的方式进行前后端分离的开发，下面通过本文给大家分享vue 打包后的文件部署到express服务器上的方法，感兴趣的朋友一起看看吧

Vue项目部署到阿里云服务器过程及注意事项

wnx_52055的博客

04-03

9708

一、打包项目(脚手架创建的项目) 1、编辑config目录下的index.js和 prod.env.js配置文件注意：线上环境assetsPublicPath: './'必须这样配置，否则打包后部署到服务器上会找不到静态资源而显示空白页。 assetsPublicPath: './'配置打包后index.html中使用的是相对路径 <script type=text/javascr...

Vue模板挂载到页面原理分析

lznism666的博客

09-16

676

Vue模板挂载到页面可以分为两大部分init和mount 1. init Vue.prototype._init = function() { // 初始化选项，computed data // 初始化实例，给实例绑定方法 // 触发beforeCreated created钩子 } 2. mount 上面介绍的_init方法中，会有一个挂在到dom的方法 if (vm.$options.el) { vm.$mount(vm.$options.el); } `` 不是所有

vue3+vite打包后动态路由页面vue文件资源加载失败

m0_66879773的博客

03-12

3874

动态路由页面引入并不是像静态引入一样写在router.ts文件中，所以在打包的时候，这些vue文件被忽略了，没有打包过去，所以加载失败。后面的地址是一个模板对应你前端的文件路径。例如：我前端对应的路径。在router.ts文件中写入。

vue脚手架做的项目如何放在服务端,vue项目部署到服务器

jiang7701037的博客

03-07

9201

在项目目录下（如：e:\workspace\taobao）运行 npm run build即可，完成后，就会在项目目录下有多一个dist目录，把dist下的内容就可以放在web服务器上了。哈哈，完了，ok了如下图： ...

前端实习问题总结及实习内容归档

没有名字适合我的博客

05-06

5949

前言近日在公司切身实习，总结一下遇到的一些问题供自己日后参阅。（ps：因没有上下文，问题可能比较突兀）总结因用的公司mac，自己配各种环境时遇到最多的问题就是权限不够！ 1. // 安装npm 全局包时权限不够在安装命令前加上sudo，如$ sudo npm i -g npm 或者直接更改权限sudo chown -R $USER /usr/local 2. // 公司使用git...

【前端收藏】前端小作文-前端八股文知识总结（超万字超详细）持续更新

天天打码-16年老码农

02-04

2300

渲染引擎(Layout Engine或Rendering Engine)和js引擎渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。

记录遇到的web前端开发面试题（八股文）

qq_41347964的博客

04-20

1万+

前端面试潜在问题

最新发布

警警的博客

07-13

1716

以下是前端技术面试核心要点的摘要：技术原理方面，他深入理解React Fiber架构的任务调度机制，在AI博客平台中利用useDeferredValue优化渲染优先级；对比掌握Vue2/3的响应式原理差异，在BPMN流程设计器中应用Vue3的Proxy和LIS算法实现高效更新。性能优化层面，他通过SSG/CDN加速TTFB至80ms，采用WebWorker分片计算实现GB级文件秒传，在灾害系统中将LCP优化60%。工程化实践中，使用pnpm+Turborepo构建Monorepo，构建时间从15分钟

vue项目打包放到服务器

柳宁依的博客

08-14

3246

接之前已经将后端代码放到服务器 1、进入config文件夹下面的index.js文件，将dev和build对象里面的assetsPublicPath属性值都进行更改。由 assetsPublicPath:"/" 改为 assetsPublicPath:"./" 接着，所有的请求接口去掉http://localhost:3000，直接保留原来的路由路径（因为打包以后会放到服务代码下...

vue-router go(-1)拿不到参数问题

喜东东的博客

12-16

769

场景：页面三返回页面二，没有请求数据问题原因：发现页面三返回页面二没有走mounted, 所以没有请求数据页面二：解决方法：在页面二监听路由来请求参数

vue run build 错误 CssSyntaxError错误

梧桐落叶~~

07-24

3418

错误代码 Error processing file: static/css/app.4ce01a6050060bff9b33c64750b6bd11.css (node:6544) UnhandledPromiseRejectionWarning: CssSyntaxError: C:\Users\0\Desktop\haha\static\css\app.4ce01a6050060bff9b3...

vue 原型挂载的方法怎么调用_vue项目中全局挂载layer

weixin_39597399的博客

12-20

926

弹出层，无论在移动端还是PC端，使用率几乎百分百，这篇文章主要介绍layer.js如何挂载到vue项目中，为什么我要选layerJS作为vue项目中的弹出层呢？官方介绍截取："layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。",废话不多说，开始我们的主题。默认你已经搭建好你的vue项目第一步我们在项目中...

Vue 报错Error: No PostCSS Config found解决办法

S筱潇S四维Smile

02-26

1万+

从git上 clone 下来的代码： npm install 安装依赖以后，启动服务，出现Error: No PostCSS Config found报错： npm run dev 解决办法：在项目根目录下创建postcss.config.js，配置内容如下：即可修复报错问题。 module.exports = { plugins: { 'autopr...

如何将项目挂到服务器上,如何将项目挂载到云服务器上

weixin_42303389的博客

08-04

659

如何将项目挂载到mount 命令的常用格式有几种：[root@localhost ~]# mount [-l]单纯使用 mount 命令，会显示出系统中已挂载的设备信息，使用 -l 选项，会额外显示出卷标名称；[root@localhost ~]# mount -a-a 选项的含义是自动检查 /etc/fstab 文件中有无疏漏被挂载的设备文件，如果有，则进行自动挂载操作。这里简单介绍一下 /et...

UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error