标签：vue cn 弄懂 baseUrl 接口 api st1 env true

1.开发环境下，把baseUrl设置为空。 baseUrl:''

2.设置proxy

 devServer: {
    // before(app) {
    //   mock(app)
    // },
    open: false, // 自动打开浏览器
    port: 8086, // 端口
    proxy: {
      '/api': {
        target: 'http://api.st1.cn', // 这里可以指向本地mock的服务，也可以指向服务端的host
        ws: false, // 是否启用websockets,项目存在ws连接时开启
        changOrigin: true, // 是否将请求header中的origin修改为目标地址
        // pathRewrite: {
        //   '^/admin': ''
        // }
      }
    }, // 转发代理配置
    // 浏览器 overlay（刷新） 同时显示eslint的警告和错误
    overlay: {
      warnings: true,
      errors: true
    }
  },

接口配置：

import env from './env'

const baseUrl = {
  test: { // 测试环境
    api: '//api.st1.cn',
  },
  dev: { // 开发环境
    api: '//api.st1.cn',
  },
  local: { // 本地环境
    api: '//api.st1.cn',
    // api: '',
  },
  prod: { // 生产环境
    api: '//api.com',
  },
  pre: { // 预发环境
    api: '//api.com',
  },
}

export default baseUrl[env]

标签：vue,cn,弄懂,baseUrl,接口,api,st1,env,true
来源： https://blog.csdn.net/weixin_41829196/article/details/118420510

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。