账号密码登录

忘记密码注册账号

微信安全登录

微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录

找回密码返回

注册账号返回

其他登录方式

登录即同意《用户使用协议》和《用户隐私条款》

在万象知否，学习技能、解决问题

每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。

问答主页 -> 电脑网络

分享 收藏: X

利用nuxt.js实现打包

搞笑的五妹2020-01-01 00:00

VIP会员

60: 0

我通过nuxt generate打包出来的东西只能在www.sss.com这个域名的根目录里面才能访问的到东西，但是我想在www.sss.com这个域名下面建一个文件夹，然后将打包的东西放在这个文件夹里面，通过www.sss.com/aa/index.html，其中aa表示我的文件夹名字，这个怎么改路劲呀，我发现如果直接nuxt generate打包的文件不能直接放在aa这个文件夹里面，如果放在里面。我通过www.sss.com/aa/index.html全部曝404,请问怎么解决呀

0

打赏

收藏

点击回答

全部回答

共 0 条

じ半柠℅半桔普通会员 1楼
在Nuxt.js中，我们可以使用多个组件来打包我们的应用。以下是一个简单的例子，展示如何使用nuxt.js的“script”和“style”标签来打包JavaScript和CSS文件：

首先，安装并配置nuxt和nuxt-plugin-rev库：

bash npm install --save-dev nuxt nuxt-plugin-rev

然后，创建一个nuxt.config.js文件，添加以下配置：

javascript module.exports = { build: { mode: 'spa', output: { filename: 'dist/js/[name].bundle.js', path: path.resolve(__dirname, 'dist'), }, buildOptimizer: { optimize: { minifyJS: { warnings: false, }, }, }, pluginOptions: { rev: { generateHash: true, }, }, }, };

在这个配置中，我们配置了以下内容：
- mode: spa表示我们将打包应用为单页应用（spa）。
- output: filename: 'dist/js/[name].bundle.js'表示我们将打包后的JavaScript文件命名为[name].bundle.js，并将其输出到dist目录中。
- path: path.resolve(__dirname, 'dist')表示我们将生成的文件夹路径设置为dist，因为nuxt.js默认在根目录下运行。
- buildOptimizer: optimize: { minifyJS: { warnings: false } }表示我们将对JavaScript进行压缩和优化，以减少文件大小。
- pluginOptions: pluginOptions: { rev: { generateHash: true } }表示我们将使用rev插件来生成一个哈希文件，以在服务器上添加文件版本号，防止文件内容被篡改。
接下来，创建一个src/components目录，并在这个目录下创建几个子目录：

bash mkdir src/components cd src/components mkdir pages mkdir pages/index.vue mkdir pages/_posts mkdir pages/_posts/2022-01-01.md

在pages目录下创建一个或多个子目录，如pages/home，pages/about等，每个子目录代表一个不同的页面或组件。在每个子目录中，创建一个或多个JavaScript和CSS文件，并添加相应的nuxt.config.js文件和components文件夹，如下所示：

```javascript // pages/index.vue

// pages/_posts/2022-01-01.md

// pages/_posts/2022-01-01.js // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... // ... //

0 打赏回复

更多回答

网站公告

扫一扫访问手机版

回答动态

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容尝试更新怎么解决？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后就链接不上了，怎么办？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益

回到顶部

回到顶部