前言：
最近在完成一個項目的時候，在發(fā)送請求的時候，瀏覽器報錯：Access to XMLHttpRequest at 'http://110.40.173.100:5173/api/user/login' from origin 'http://127.0.0.1:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
報錯截圖如下：
后來發(fā)現(xiàn)是跨域問題，解決如下：
在vite.config.js文件中，進行以下配置：文章來源：http://www.zghlxwxcb.cn/news/detail-851600.html
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
Components({
resolvers: [VantResolver()],
})],
//配置的內(nèi)容
server: {
proxy: {
'/api': {
target: 'http://110.40.173.100:5173',//請求的地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '') // 可選，用于重寫請求路徑
}
}
}
})
?我的請求接口地址為：
文章來源地址http://www.zghlxwxcb.cn/news/detail-851600.html
?配置結(jié)束之后，發(fā)送請求的寫法：
<script setup>
import instance from '../utils/axios.js';//二次封裝axios
const onSubmit = async () => {
await instance.post("/user/login", {
username: state.username,
password: state.password
})
};
</script>PS:如果配置完發(fā)現(xiàn)依舊報錯，請檢查你是否開啟了科學上網(wǎng)工具(翻墻軟件)，只有代理在中國的時候，才可以正常運行嗷
到了這里，關于解決跨域報錯：Access to XMLHttpRequest at ‘http://110.40.173.100:5173/api/user/login‘ from origin ‘http://1的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
