Vue + nuxt.js 用 axios 设置代理配置

最新推荐文章于 2025-10-20 16:25:32 发布

原创最新推荐文章于 2025-10-20 16:25:32 发布 · 8.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#VUE nuxtjs axios #nuxtjs #axios #跨域

VUEJS 2.0 常见问题专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在Nuxt.js项目中安装并配置axios和代理中间件，通过npm命令安装@nuxtjs/axios和@nuxtjs/proxy模块，并在nuxt.config.js中进行相应配置，实现本地开发环境下对远程API的代理调用。

1. 现在npm运行下命令：

npm i @nuxtjs/axios @nuxtjs/proxy -D

2. 在 nuxt.config.js 最后面添加

module.exports = {
    ... // 原先的配置
    build:{
        vendor: ['axios']
    }
    modules: [
        '@nuxtjs/axios',
        '@nuxtjs/proxy'
    ],
    proxy: [
        ['/app', { target: 'http://xxx.com:8080' }]
    ],

    ... // 原先的配置
}