欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3中配置文件vue.config.js不生效的解決辦法

 更新時間：2024年05月16日 10:16:37   作者：qq_26264187  
這篇文章主要介紹了vue3中配置文件vue.config.js不生效的解決辦法,文中通過代碼示例講解的非常詳細,對大家解決問題有一定的幫助,需要的朋友可以參考下

剛學完配置vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      '/api': {
        target: 'http://192.168.1.228:8080', //后端的地址
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      },
 
    }
  }
})

發(fā)現(xiàn)訪問http://localhost:5173/api/login/user訪問結果404

經(jīng)檢查package.json文件

 "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  }

發(fā)現(xiàn)Vue 3 在使用 Vite 作為構建工具，所以跨域配置應在 vite.config.js 文件中進行

import { fileURLToPath, URL } from 'node:url'
 
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },server:{
  proxy:{
    '/api':{
      target:'http://192.168.1.228:8080',
      changeOrigin:true,
      rewrite:path=>path.replace(/^\/api/,'')
    }
  }
  }
 
})

配置完成重啟，訪問成功

以上就是vue3中配置文件vue.config.js不生效的解決辦法的詳細內容，更多關于vue3 vue.config.js不生效的資料請關注腳本之家其它相關文章！

相關文章

最新評論