VUE 配置本地代理、服务器路径

本文介绍: /在构建时，Vue CLI 将通过 Babel 转译指定依赖项的代码，以确保它们在目标浏览器中能够正常工作。// 当设置为true时，请求头中的origin属性会被改变为目标服务器的地址，以避免跨域问题。//部署应⽤包时的基本 URL,比如/https://www.aa.com/ranking/index。// 0.0.0.0的IP地址表示整个网络，即网络中的所有主机。//保存文件时不会自动执行代码检查。// 用于修改路径配置。

在vue.config.js文件中配置如下：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  //部署应⽤包时的基本 URL,比如/https://www.aa.com/ranking/index
  publicPath: "/ranking/",
  //在构建时，Vue CLI 将通过 Babel 转译指定依赖项的代码，以确保它们在目标浏览器中能够正常工作
  transpileDependencies: true,
  //保存文件时不会自动执行代码检查
  lintOnSave: false,
  devServer: {
    // 0.0.0.0的IP地址表示整个网络，即网络中的所有主机
    host: '0.0.0.0',
    // port: 8082,
    proxy: {
      '/b2c': {
        // 放服务器地址
        target: 'https://www.aa.com',
        // 当设置为true时，请求头中的origin属性会被改变为目标服务器的地址，以避免跨域问题
        changeOrigin: true,
        // 用于修改路径配置
        // pathRewrite:{'^/b2c':''}
      },
    }
  },
})

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。