nuxt

最新推荐文章于 2022-05-27 14:03:07 发布

szw19910

最新推荐文章于 2022-05-27 14:03:07 发布

阅读量136

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/szw19910/article/details/113094767

版权

本文介绍了如何使用Nuxt.js配置全局头部、CSS、插件、代理、组件和模块，以实现高效的前端开发和API集成。重点讲解了构建一个具备国际化、元标签优化和Ant Design Vue框架集成的现代应用。

摘要由CSDN通过智能技术生成

export default {
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: ‘nuxt-app’,
htmlAttrs: {
lang: ‘en’
},
meta: [
{ charset: ‘utf-8’ },
{ name: ‘viewport’, content: ‘width=device-width, initial-scale=1’ },
{ hid: ‘description’, name: ‘description’, content: ‘’ }
],
link: [
{ rel: ‘icon’, type: ‘image/x-icon’, href: ‘/favicon.ico’ }
]
},

// Global CSS: https://go.nuxtjs.dev/config-css
css: [
‘ant-design-vue/dist/antd.css’
],

// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
‘@/plugins/antd-ui’,’@/plugins/components_dabao’,’@/plugins/axios’
],
proxy: {
‘/api’: {
target: ‘http://localhost:3001’, // 目标接口域名
pathRewrite: {
‘^/api’: ‘/’, // 把 /api 替换成 /
}
}
},

// Auto import components: https://go.nuxtjs.dev/config-components
components: true,

// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
],

// Modules: https://go.nuxtjs.dev/config-modules
modules: [
‘@nuxtjs/axios’,’@nuxtjs/proxy’
],

// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
}
}