Configuración entre dominios de vue.config.js

Problema de dominio cruzado : se refiere al problema que ocurre cuando cualquiera de los protocolos , nombres de dominio y números de puerto en su ruta de solicitud es diferente.

Por ejemplo, su ruta de solicitud es: http://iwenwiki.com/api/FingerUnion/list.php

Protocolo: el http que cuelga en la parte superior de la ruta es el protocolo (también puede ser https)

Nombre de dominio: iwenwiki.com es el nombre de dominio (generalmente después del acuerdo, antes de la API o los datos)

Número de puerto: el número de puerto predeterminado es 8080 (generalmente sin cambios)

Configuración de la página de problemas entre dominios

<template>
    <div>
        <h3 @click="c">跨域问题解决方案</h3>
    </div>
</template>
<script>
    import axios from 'axios'
    export default {
        methods: {
            c() {
                axios.get("/api/FingerUnion/list.php")
                    .then(res => {
                        console.log(res.data)
                    })
            }
        }
    }
</script>

Configuración de vue.config.js

module.exports = {
    devServer: {
        proxy: { //配置跨域
            '/api': {
                target: 'http://iwenwiki.com', //这里应该填写你们真实的后台接口
                ws: true,
                changOrigin: true, //允许跨域
                pathRewrite: {
                    '^/api/FingerUnion/list.php': '' //请求的时候使用这个api就可以
                }
            }
        }
    }
}