前期接了个私人项目,做个官网,想到在公司都是使用vue技术栈,而官网刚好可以使用nuxt来做。
开始
安装
nuxt安装可以按照官网的步骤来
// 默认安装 create-nuxt-app
yarn create nuxt-app
cd
yarn dev
使用预处理器
项目下直接安装对应的预处理器
yarn add less less-loader
全局组件
在plugins文件夹下创建lib-components.js文件
import Vue from 'vue';
import LoadImage from "../components/LoadImage";
const components = { LoadImage };
Object.entries(components).forEach(([name, component]) => {
Vue.component(name, component)
});
在nuxt.config.js文件中配置
...
plugins: [
...
'@/plugins/lib-components'
],
...
挂载全局http请求
如果我们想在全局来做请求,在传统的vue项目中,我们可以在main.js中挂载到原型上,而在nuxt项目上还是通过plugins目录。
// 在plugins目录中建立request.js
// axios 配置可自定义</