![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
nuxt
xintianyou丶
这个作者很懒,什么都没留下…
展开
-
nuxt项目部署心得
昨晚部署一个nuxt项目的官网花了三个小时,实在是汗颜,赶紧写个博客记录一下,以免再犯我的部署流程运行环境:linux服务器,pm2进程守护,nginx反向代理0.服务器安装nginx和pm2安装nginx已有众多大神写过相当详细的教程安装pm2确保服务器上装有node环境npm i pm2 -g1.项目根目录新建process.json文件// process.json 简单版本{ "apps": { "name": "xx-test", // 项目名称原创 2021-06-30 15:04:00 · 618 阅读 · 2 评论 -
nuxt.js 使用less报错
less-loader版本太高会导致这个报错改为 “less-loader”: “^7.1.0”原创 2021-03-15 15:59:39 · 963 阅读 · 2 评论 -
nuxt 引入第三方字体、艺术字效果
在assets文件夹内新建font文件夹,将字体文件(ttf等文件)放在assets/font文件夹内在assets文件夹内新建css文件夹,然后css文件夹内新建font.css文件: @font-face { font-family: 'modeng'; font-weight: normal; src: url('~assets/fonts/shetumodengxiaofangti.ttf') format('truetype'); } .iconfont { .原创 2021-01-29 21:17:02 · 2842 阅读 · 6 评论 -
nuxt.js使用swiper的经过及遇到的坑
最近有一个企业官网项目用到了nuxt.js需求:首页有一个左右滑动的展示效果,果断使用swiper,直接上网搜索关键字“nuxt使用swiper”。结果:1. 安装npm i swiper vue-awesome-swiper -S我的版本:"swiper": "^6.4.1","vue-awesome-swiper": "^4.1.1"2. 引入在plugins文件夹下新建vue-swiper.js,在nuxt.config.js中引入plugins: [ { src: "原创 2020-12-12 17:04:45 · 1941 阅读 · 2 评论