nuxt2项目详解及服务端宝塔环境部署

1.项目结构

1.  首先介绍一下我的项目结构

• .nuxt 是运行npm dun dev 或者  yarn dev  生成的（他就是通过你写的代码编译生成的）
• layouts 这个是自己创建的但是文件名称固定里面放的是 default.vue这个是项目框架文件
• middleware 这个文件夹里面的放的是中间件主要放进入项目之前的一些操作需要在nuxt.config.js 中引入（这个文件的执行时机是在项目启动之前具体可以看看nuxt的生命周期）
• node_modules  这个是项目依赖
• pages  主要的写代码的地方实现项目页面及业务逻辑
• plugins 存放项目中所需要的js
• static 静态文件
• store vuex状态保持工具
• nuxt.config.js  项目的配置文件 （重要）

2.项目的打包上线部署

• 我这里的部署环境是服务器上安装了宝塔
• 首先在nuxt.config.js中添加代码