全局安装nuxt_Nuxt项目从开始到部署

前期接了个私人项目，做个官网，想到在公司都是使用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 配置可自定义</