nuxt build后static文件夹丢失

最新推荐文章于 2024-06-27 08:54:00 发布
最新推荐文章于 2024-06-27 08:54:00 发布
阅读量1.6k 收藏
点赞数
分类专栏： nuxt 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/topc2000/article/details/109177487
版权

场景

根据nuxt的官方文档，运行起来的时候会把static映射到 / 路劲下。我是用的是 npm run start方式部署的王章。即本地运行npm run build。之后得到.nuxt的文件夹。直接上传到服务器后使用

pm2 start npm --run start

解决方案

直接把static 文件拷贝到与.nuxt的同级目录即可

参考文档

在这里插入图片描述
nuxt文档地址

伍肆伍柒
关注
专栏目录
使用 nuxi build 命令构建你的 Nuxt 应用程序
08-30 1212
nuxi buildnuxi build命令是构建 Nuxt 应用程序的核心工具，它将你的应用程序打包成适合生产环境的格式。通过理解和使用不同的选项，如--dotenv和，你可以更好地控制构建过程，并为生产环境做好充分准备。希望本文的示例和解释能够帮助你顺利构建和部署你的 Nuxt 应用程序。编程智域 前端至全栈交流与成长使用 nuxi build 命令构建你的 Nuxt 应用程序 | cmdragon’s Blog。
3-3-nuxt.js实现 realworld-nuxtjs项目，同时学习部署在自己服务器上
cloveryuan的博客
09-21 1748
=》测试 -bui9bi NuxtJS 代码仓库地址：https://gitee.com/cloveryuan/realworld-nuxtjs 一、Nuxt.js是什么 一个基于Vue.js生态的第三方开源服务端渲染应用框架 它可以帮我们轻松的使用Vue.js技术栈构建同构应用 官网：https://zh.nuxtjs.org/ Github仓库：https://github.com/nuxt/nuxt.js 二、Nuxt.js的使用方式 初始化项目 已有的Node.js服务端项目 直接把N
nuxt静态部署打包相对路径操作
01-22
以往在nuxt项目中，打包静态化部署的的文件如下： 路径为绝对路径，当项目的域名为二级域名的时候，就不能打包为这绝对路径了。 nuxt不同于vue项目，思索了许久，终于找到了配置的地方： nuxt项目中 nuxt.config.js ： module.exports = { router: { base: './' } } 打包后的文件： 补充知识：nginx部署，nuxt静态部署，路由跳转失效的问题 nuxt静态部署问题 静态部署：路由模式跳转失效的问题；不能使用历史模式，需要使用 ‘hash’ 模式，再进行打包 ‘npm run generate’ 文件:nuxt.conf
nuxt2发布出现的问题
weixin_63115449的博客
09-02 495
上传到服务器就是这样，static这个文件必须放在src下面。第三步：在上传文件到服器的时候，需要上传以下几个文件。第二步：这个时候进行打包发布，会找不到。
Nuxt打包部署
weixin_44910409的博客
04-09 1889
Nuxt打包部署 第一步： 在本地 npm run build,会在.nuxt文件夹下生成dist文件; 第二步： 把本地文件的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器目录文件下 第三步： 用cmd进入目录文件夹，安装依赖 npm install -production 我在服务器创建了一个文件夹nuxt，把文件都上传到了这个文件夹 进行安装依赖 第四步： npm start 第五步： pm2 start npm --name "
nuxt无法找到static里面的静态资源原因
weixin_40765395的博客
11-03 2494
nuxt无法找到static里面的静态资源原因 因为项目需要，把旧vue项目移植过来。然后按照教程在nuxt创建了src文件夹，原因就在这里。因为设置了srcDir的初始目录。所以找不到src外面的文件夹。 解决：不要把旧项目文件夹都放到src里面。按照创建项目时候的文件夹位置来 ...
nuxt中nuxt.config.js引入js找不到，亲测有效
weixin_46051988的博客
10-06 1480
head: { title: 'nanjustar', htmlAttrs: { lang: 'en' }, meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: '' }, ..
nuxt打包后文件过大的优化
浮游的博客
06-20 2344
在使用nuxt.js来做项目的时候，遇到了加载缓慢的问题。解决思路如下1、大文件拆分2、文件压缩。
分享：nuxt静态文件
awseda的博客
06-14 1615
静态文件 如果你的静态资源文件需要 Webpack 做构建编译处理，可以放到 assets 目录，否则可以放到 static 目录中去。 Nuxt 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下，像 robots.txt 或 sitemap.xml 这种类型的文件就很适合放到 static 目录中。 你可以在代码中使用根路径 / 结合资源相对路径来引用静态资源： <!-- 引用 static 目录下的图片 --> <img src="/my-image.png"/>
Nuxt 框架静态站点生成（SSG)（六）
最新发布
qq_35876316的博客
06-27 745
当你运行 nuxt generate 命令时，Nuxt 会调用 asyncData 方法来获取数据，并为每篇文章生成一个静态 HTML 文件。生成的静态文件会放在 dist/ 目录下。首先，你需要在项目的 nuxt.config.js 文件中设置 target 为 ‘static’，这告诉 Nuxt 你打算生成一个静态网站。你可以创建一个动态路由来捕获这个 ID，并为每篇文章生成一个静态页面。这个命令会触发静态站点的生成过程，Nuxt 会读取你的动态路由，并为每个可能的路由生成一个静态 HTML 文件。
nuxt 服务端渲染
Y_Z233的博客
03-09 2181
nuxt 服务端渲染
nuxt案例全局CSS丢失的那部分样式hover.css
10-29
最近在学nuxt 然后边看案例边敲代码,结果发现nuxt官方案例有个Bug 在 CSS全局案例那里，少给了一个样式 hover.css,来吧，我做个雷锋，拿去吧
大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）
爱玲姐姐的博客
09-29 2856
NuxtJS项目案例–RealWorld（创建Nuxt项目、Git Actions自动发布和部署） 一、案例项目realworld介绍 1. 案例项目介绍 案例名称：RealWorld 这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。 GitHub仓库：https://github.com/gothinkster/realworld 在线实例：https://demo.realworld.io/ 2. 案例相关资源 页面模板：https://github.com/gothinkster/real
Nuxt.js 综合案例
qt的博客
01-14 655
案例介绍 案例名称：RealWorld 一个开源的学习项目，目的是帮助开发者开始学习到新技能 GitHub仓库：https://github.com/gothinkster/realworld 在线示例：https://demo.realworld.io/#/ 接口文档：https://github.com/gothinkster/realworld/tree/master/api 页面模板：https://github.com/gothinkster/realworld-starter-kit/blob
云讯健身管理系统-11--NUXT和Redis
leo10_Barcelona的博客
09-26 3145
一、Spring Cloud—Hystrix熔断器 1.Spring Cloud调用接口过程 Spring Cloud 在接口调用上，大致会经过如下几个组件配合： Feign ----->Hystrix —>Ribbon —>Http Client（apache http components 或者 Okhttp） 具体交互流程上，如下图所示： （1） 接口化请求调用 当调用被@FeignClient注解修饰的接口时，在框架内部将请求转换成Feign的请求实例feign.request，
nuxt打包
weixin_44815800的博客
05-10 2145
nuxt3打包
Nuxtjs实现服务端渲染和静态化站点
jimojianghu的专栏
11-09 2199
Nuxt.js是一个基于Vue的增加了node服务的通用框架，本文就是介绍使用它如何实现可以解决Vue项目的服务端渲染，以及生成纯静态化的站点。
nuxt项目打包部署
热门推荐
cpa0701的博客
04-29 1万+
nuxt run build 上传文件 将打包后的下图中对应的几个文件上传到服务器 修改package.json 注意在cmd命令行中直接使用nuxt会报错找不到nuxt命令，这里直接写到，配置文件里面就行了。我这里是加了一条"server":“nuxt start” 修改你的ip和端口号 npm run server 运行后通过ip加端口就能正常访问 通过pm2监控多项目 npm ins...
nuxt中static里面放入图片不出来
关中刀客在青岛
10-27 6845
查看了static和assets的区别后，决定将图片们放在static下。但路径是在JS中生成的，结果没有显示出来，浏览器标签中后面跟个括号，里面写1x1px，经过尝试也了解到很多知识点： js中拼路径时表示根路径的动态参数@和~不能正常解析； 即使根据logo等图片地址的规律，在前面加上“_nuxt/”,仍然访问不到； 后来查得： 如果你的静态资源文件需要 Webpack 做构建编译处...
nuxt build
08-23
Nuxt.js 是一个基于 Vue.js 的应用框架，用于开发可扩展的单页应用...执行完 `nuxt build` 后，你可以使用 `nuxt start` 命令来启动构建后的应用程序。 希望这个回答能解决你的问题！如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值