![](https://img-blog.csdnimg.cn/20201231113135162.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue-nuxt.js
文章平均质量分 83
记录nuxt实战项目,包括步骤及碰到的问题,解决的方案
fireInMapleForest
这个作者很懒,什么都没留下…
展开
-
nuxtjs项目创建后的内容配置
nuxtjs项目创建后的内容配置 1、运行地址更改 因为nuxtjs默认的运行地址是http://localhost:3000/,一个防止3000端口被占用,二个方便同网下便于查看测试,我们可以将其更改为本机的ip。我们可以在package.json文件中加入以下代码 "config": { "nuxt": { "host": "0.0.0.0", "port": "3000" } } 再次运行会发现运行地址已经是本机的ip地址了(注意如果不是加在最后,别忘了添加原创 2021-01-19 14:27:39 · 688 阅读 · 0 评论 -
在nuxt使用vueX代替storage的方案
使用vuex代替本地缓存storage 今天搬项目时,发现页面中有使用sessionStorage做缓存便于各页面使用,但是搬到nuxt结构下却报错了,查询发现是由于在vue-nuxt中是没办法使用window和document,所以本地缓存也会出问题。因此只能找替代方案,于是想到了vueX(原本项目是没有用的); 参照Nuxt使用Vuex将基础store写完了,结果却发现页面报错了:Classic mode for store/ is deprecated and will be removed in N原创 2021-01-05 15:45:33 · 1324 阅读 · 4 评论 -
nuxt.js项目创建
创建nuxt.js项目 1.首先vue项目的必备条件node环境是必须的,其次npm版本要在5.2.0版本以上,因为创建nuxt项目需要用到npx。 // npm 5.2.0 以上版本默认包含 npx // 创建项目 npx create-nuxt-app project_name 2.创建配置参考 在需要创建项目的文件下打开命令窗口,输入想创建的项目名称。 以上配置仅供参考,版本不同所要选择的的内容可能不同。等待创建成功! ...原创 2020-12-31 15:55:59 · 856 阅读 · 0 评论