vue项目上线问题

        花了两三天时间，终于将项目上线了，下面来总结其中遇到的问题

1.通过github page上线项目，但是你的http(s)://<username>.github.io站点已经使用过，现在用的是http(s)://<username>.github.io/<自定义名称>

如：kongbai312.github.io我的这个已经使用过

现：kongbai312.github.io/vueshopclient.github.io

那就无法直接解析域名，需要通过子域名来完成配置

在你的kongbai312.github.io中的github page配置你的主域名xxx.com

在你的第二个项目kongbai312.github.io/vueshopclient.github.io配置你的子域名abc.xxx.com

同时需要去你的域名控制台，解析你的域名。

主域名解析：我是将github page中的内容在本机cmd命令中ping 一下，获取ip地址，然后在记录值中填写ip地址，如  ping http://用户名.github.io        只能为这个格式，后面不能有其他东西

主机记录        记录类型        解析线路        记录值           后面全为默认     

     @                   A                 默认            获取的ip地址

     www              A                  默认            获取的ip地址

子域名解析：设置跳转你的主域名链接，这里直接讲配置值吧

主机记录             记录类型        解析线路        记录值           后面全为默认

之前填的abc        CNAME        默认           kongbai312.github.io

2.接下来是路径问题

vue-cli3打包后的文件，路径有挺大问题，如果您不需要配置到自身域名

则vue.config.js中的配置参数需加

publicPath: process.env.NODE_ENV === "production" ? "你仓库的二级名字" : "/",

如：kongbai312.github.io/vueshopclient.github.io二级名字则为vueshopclient.github.io

若你需要配置到自身域名，则

publicPath: process.env.NODE_ENV === "production" ? "./" : "/",

3.项目中存在https与http混乱使用

这个问题困扰了我很久，解决办法有

若是https中发送http请求,则可以使用img src来访问http请求

const img = new Image();

// img.src = 'http://xxx' // 请求

或者后端帮忙修改

若是http发送https，则有很多方法，如加请求头，配置meta等

本文若是对您有帮助，可以点个赞，谢谢支持