vue3 中 vue.config.js修改端口添加代理配置#yyds干货盘点# _修改端口

知识养成了思想,思想同时又在融化知识。这篇文章主要讲述vue3 中 vue.config.js修改端口添加代理配置#yyds干货盘点#相关的知识，希望能为你提供帮助。

constdefineConfig= require(@vue/cli-service)

const AutoImport = require(unplugin-auto-import/webpack)
const Components = require(unplugin-vue-components/webpack)
constElementPlusResolver= require(unplugin-vue-components/resolvers)

module.exports = defineConfig(
transpileDependencies: true,
devServer:
port: 8888,
// 配置代理（以接口 https://www.easy-mock.com/mock/5ce2a7854c85c12abefbae0b/api 说明）
proxy:
/api:
// 以 “/api” 开头的代理到下边的 target 属性的值中
target: http://127.0.0.1:8080/,
changeOrigin: true, // 是否改变域名：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
ws: true, // 是否启用websockets
pathRewrite:
// 路径重写
^/api:// 用/api代替target里面的地址,比如我要调用http://40.00.100.100:3002/user/add，直接写http://127.0.0.1:8080/user/add

,
configureWebpack:
plugins: [
AutoImport(
resolvers: [ElementPlusResolver()],
),
Components(
resolvers: [ElementPlusResolver()],
),
]

)