# 运行

# 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"
        }
    }
}