Nuxt
Cool_so_cool
这个作者很懒,什么都没留下…
展开
-
Nuxt项目静态打包部署每个页面配置seo搜索关键字
上一篇文章链接https://blog.csdn.net/Cool_so_cool/article/details/123509976?spm=1001.2014.3001.5501接着上篇文章,配置好 js 文件夹后,开始在页面引入 js文件。js文件里面的内容是这样的数据最后导出来,在每个页面这么引入和编写就行因为我这个项目要区分多语言,所以就有zh和en两个对象数据。process.env.langNuxt这个是在nuxt.config.js中自己配置的,在每个页面就可以直接用了每个原创 2022-03-15 19:42:36 · 882 阅读 · 0 评论 -
Nuxt项目打包报错render function or template not defined in component: anonymous
从网上找了好多,几乎都是一样的解决问题,都解决不了,因为是配置seo的问题,为了方便维护数据,把js文件放在page文件夹下面了,结果本地打包的时候就会报下面图片上这个错最后改了好久才知道 js 文件不能放在page下面,打包的时候就会报这个错最后把js文件放在assets文件夹下面就没问题了...原创 2022-03-15 19:28:34 · 1050 阅读 · 0 评论 -
Nuxt多语言分别打包部署
分别打包的目的是为了避免整个项目文件在线上文件过大,加载过慢,减轻服务器压力1,首先在package.json文件下添加下面配置 "generate-zh": "cross-env SITE_ENV=zh nuxt generate", "generate-en": "cross-env SITE_ENV=en nuxt generate",2,在nuxt.config.js中要配置下面的指令,具体的要看文件目录来添加路由配置head:{ router: { middle原创 2022-03-11 10:32:14 · 1253 阅读 · 0 评论 -
Nuxt使用Vuex
创建好nuxt项目后会有一个store文件,创建一个idnex.js就可以使用vuex了,不需要安装vuex。接下来对于vuex具体的使用,这里只是一个小demo,如果不符合公司规定,可修改。。一. 在vuex的基础写法下面第一张图片的demo在vue项目可使用 ---------但是在Nuxt中不行,第二张图片是Nuxt的正确在Nuxt项目中正确写法如下:如果报错了,就将index.js 重命名其它的名称比如pubulish.js 再试一下import Vue from 'vu原创 2020-10-20 14:33:38 · 2565 阅读 · 0 评论 -
Nuxt运行generate静态打包部署报is not in cwd
先看看报错运行 npm run generate 打包的时候发现报错,但是运行 build 与 dev 正常。生成应用程序时,会跳入虚拟 Linux 机器以获取dist,也就是Windows系统可能会出现这个问题,然后是Linux系统获取路径,与windows有所不同,需要标准化路径处理 错误是在node_modules@nuxt\cli\dist\cli-generate.js中 const files = await globby__default['default']('**/*.*', {原创 2022-03-02 13:59:23 · 956 阅读 · 0 评论 -
Nuxt项目配置全局组件
1,在跟assets同等级下建一个plugins文件夹目录,在建一个component.js文件:2,在每个页面不用引用,直接用,就可以了3,然后在nuxt.config.js中引入一下,就可以了module.exports = {plugins:[‘@/plugins/component.js’,]}...原创 2022-03-10 11:08:12 · 1337 阅读 · 0 评论