记录 vue项目打包放入 hbuilder 做app真机测试时 无法请求后台服务接口

 

1.因为发布app时 vue开发模式下配置的跨域是无效的，打包后会找不到接口

例如下面是之前的错误版：

'/propertyCmsAPI': {
        target: 'http://192.168.1.111:9001/',
        changeOrigin: true,
        pathRewrite: {
          '^/propertyCmsAPI':''
        }
      },

在使用时：

export const logout = params =>{return axios.post(`/propertyCmsAPI/notIntercept/logout`,params)};

这种方法在网页端打包是没有问题的，只需要在nginx 里配置下跨域就可以访问。但是在做app时这样是访问不到数据的，因为不存在跨域的说法，打包成app后实际访问的路径就是 /propertyCmsAPI/notIntercept/logout ，这样会找不到接口，要采用绝对路径的方式，例如：http://192.168.1.111:9001/notIntercept/logout，这样才能访问，不管你怎样配置管理你的请求api，这个是必须得，

下面是我更改后的做法正确版，完全适用：

let propertyCmsAPI = "http://112.74.126.167:9001";//打包APP时使用
// let propertyCmsAPI = "propertyCmsAPI