小编mrF*_*yer的帖子

为什么代理在浏览器中不起作用(NuxtJS+Axios)?

在服务器渲染代理工作正常。请求将发送至 custom-server.com/v1/places。但是在浏览器中请求将转到 current-domain.com/api/places

为什么它在浏览器中不起作用?代理仅在服务器端工作?请帮忙。

我有 NuxtJS 配置:

require('dotenv').config();

export default {
    mode: 'universal',
    buildModules: [],
    modules: [
        '@nuxtjs/axios',
        '@nuxtjs/proxy',
        ['@nuxtjs/dotenv', { systemvars: true }],
    ],

    axios: {
        proxy: true,
        credentials: true,
    },
    proxy: {
        '/api': {
            target: "http://custom-server.com",
            pathRewrite: {
                '^/api' : "/v1"
            },
            changeOrigin: true,
        },
    },
}
Run Code Online (Sandbox Code Playgroud)

我的组件:

<script>
export default {
    data() {
        return{
            placesServer:false,
            placesBrowser:false,
        }
    },
    async asyncData ({ $axios }) {
        // Here is all is fine
        let response = await $axios.get("/api/places");
        return { …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js nuxt.js

8
推荐指数
1
解决办法
3049
查看次数

标签 统计

javascript ×1

nuxt.js ×1

vue.js ×1