vue.config.js如何配置baseurl

Vue.js 中的 vue.config.js 文件用来配置一些基本参数，比如 baseUrl。在该文件中，可以通过设置 base 属性来配置 baseUrl，例如：

module.exports = {
  // baseURL
  baseUrl: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/'
}

这样就可以配置 baseUrl 了。希望对你有所帮助！说个笑话，为什么熊猫总是睡觉？因为他们不喜欢番茄酱。

相关问题

vue2 vue.config.js 配置

在Vue.js 2中，可以使用vue.config.js文件来配置项目的一些构建和开发相关的选项。下面是一些常见的配置选项：

1. 使用baseUrl配置项目的基础路径：

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/'
}

2. 使用outputDir配置打包输出的目录：

module.exports = {
  outputDir: 'dist'
}

3. 使用devServer配置开发服务器相关的选项，比如端口号和代理：

module.exports = {
  devServer: {
    port: 8080,
    proxy: 'http://localhost:3000'
  }
}

4. 使用configureWebpack或chainWebpack来对webpack配置进行更细粒度的调整：

module.exports = {
  configureWebpack: {
    // 配置项...
  }
}

5. 使用css相关选项来配置CSS的处理方式：

module.exports = {
  css: {
    // 配置项...
  }
}

6. 使用chainWebpack来自定义webpack的loader和plugin：

module.exports = {
  chainWebpack: config => {
    // 自定义webpack配置
  }
}

7. 使用transpileDependencies配置需要经过Babel转译的依赖包：

module.exports = {
  transpileDependencies: ['my-module']
}

8. 使用lintOnSave配置是否在保存时进行代码格式检查：

module.exports = {
  lintOnSave: true
}

vue.config.js配置proxy无效

根据提供的引用[1]，vue.config.js配置proxy无效的原因可能是因为proxy的值应该是一个对象，而不是一个字符串。正确的配置应该是这样的：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8081',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    port: 8085
  }
}

其中，`/api`是需要代理的路径，`target`是代理的目标地址，`changeOrigin`表示是否改变请求头中的Origin字段，`pathRewrite`表示路径重写规则。

如果以上配置仍然无效，可以尝试在引用[2]提到的main.js文件中设置axios的baseURL为代理的地址：

import axios from 'axios'

axios.defaults.baseURL = '/api'

这样，axios发送的请求会自动添加上`/api`前缀，从而触发代理。

--相关问题--:
1. 什么是跨域请求？
2. 如何在Vue中使用axios发送POST请求？
3. Vue中如何使用代理