运行

HbuilderX 方式

• 导入项目，选择 mall-uni/src 目录。
• 在 src 下安装依赖：@hyoga/uni-socket.io，cl-uni，dayjs
• HbuilderX 安装 scss/sass编译，uni-app 编译 插件
• 运行到浏览器或者小程序

vue/cli 方式

• yarn 或者 cnpm 安装依赖
• 查看 package.json 下的 scripts 运行命令
• yarn serve 运行到浏览器
• yarn dev:mp-weixin 运行到微信 运行后，在根目录会生成 dist 目录。打开小程序导入项目选择 mall-uni/dist/dev/mp-weixin 即可。（同理其他小程序也一样）

请求

• src/config/env.js 修改代理前缀，请求地址 baseUrl
• vue.config.js 设置代理地址

src/config/env.js

const host = (function() {
	switch (process.env.NODE_ENV) {
		// 开发模式
		case "development":
			return `http://dev.cool-js.com`;
		// 生产模式
		case "production":
			// #ifdef H5
			return "";
			// #endif

			// #ifndef H5
			return `https://mall.cool-js.com`;
		// #endif
		default:
			return "";
	}
})();

// 请求地址

// 小程序，app下调试使用
const baseUrl = host + "/api";
const baseUrl = host;

// H5下调试使用
const baseUrl = "/pro";
const baseUrl = "/dev";

// 生产统一使用
const baseUrl = host + "/api";

WARNING

H5 下使用代理，是避免跨域问题。如果不是脚手架运行的项目，请使用 HbuilderX 自带的浏览器调试

vue.config.js

proxy: {
    // 开发模式下代理地址：/dev
    "/dev": {
        target: "http://dev.cool-js.com",
        changeOrigin: true,
        pathRewrite: {
            "^/dev": ""
        }
    },

    // 开发模式下图片签名上传跨域代理：/oss-upload
    "/oss-upload": {
        target: "https://cool-mall.oss-cn-shanghai.aliyuncs.com",
        changeOrigin: true,
        pathRewrite: {
            "^/oss-upload": ""
        }
    },

    // 生产模式下代理地址：/pro
    "/pro": {
        target: "https://mall.cool-js.com",
        changeOrigin: true,
        pathRewrite: {
            "^/pro": "/api"
        }
    }
}