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 · 661 阅读 · 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 · 1307 阅读 · 4 评论 -
nuxt.js项目创建
创建nuxt.js项目1.首先vue项目的必备条件node环境是必须的,其次npm版本要在5.2.0版本以上,因为创建nuxt项目需要用到npx。 // npm 5.2.0 以上版本默认包含 npx // 创建项目 npx create-nuxt-app project_name2.创建配置参考在需要创建项目的文件下打开命令窗口,输入想创建的项目名称。以上配置仅供参考,版本不同所要选择的的内容可能不同。等待创建成功!...原创 2020-12-31 15:55:59 · 835 阅读 · 0 评论