一、反向代理

1、下载 nuxtjs/proxy

使用 npm
npm install @nuxtjs/proxy
或使用 yarn
yarn add @nuxtjs/proxy

2、配置 nuxt.config.js 文件

export default {modules: ['@nuxtjs/axios','@nuxtjs/proxy'],axios: {baseURL: '/',proxy: true},proxy: {'/api/': {target: 'https://i.maoyan.com',changeOrigin: true}}
}

3、使用示例

<template><div><h1>User _id</h1><h2>{{ userInfo }}</h2></div>
</template>
<script>
import axios from 'axios'
export default {layout: 'blog',async asyncData({ params }) return {userInfo: await axios.get(process.server? 'https://i.maoyan.com/api/mmdb/movie/v3/list/hot.json?ct=%E5%B9%BF%E5%B7%9E&ci=20&channelId=4': '/api/mmdb/movie/v3/list/hot.json?ct=%E5%B9%BF%E5%B7%9E&ci=20&channelId=4').then((res) => res.data.data),}},
}
</script>