1、配置一个用于H5访问的二级域名
2、打开DSMall_h5-V压缩包(压缩包在交付内容里) 进入dist文件夹找到 config.js 直接修改配置文件,以下为样例(以下dsmall域名修改为您自己网站的域名)
const env = { 'H5_HOST': 'http://h5.dsmall.com', 'API_HOST': 'http://www.dsmall.com/api', 'SITE_URL': 'http://www.dsmall.com', 'DEBUG': true, 'ENCRYPTED': false, }
H5_HOST:H5网页地址
API_HOST:API接口地址
SITE_URL:网站地址
3、把DSMall_h5-V 压缩包里面的 dist文件夹里面的内容全部解压到 用于H5访问的二级域名根目录下。
提示:H5端正常访问,先操作一下隐藏index.php,然后还需要在后台设置->站点设置->手机端地址里面填写刚才配置的H5二级域名,例:https://m.dsmall.csdeshang.com
最后需要修改一下服务器配置如下:
APACHE
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [L]
NGINX
location / {
try_files $uri $uri/ /index.html;
}
IIS
Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+),且VUE的版本要3.0以上的版本。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
例如把源文件解压至 D:\phpStudy\PHPTutorial\WWW\git\DSMall_h5\dsmall
3.1 WIN+R,调出运行命令窗口,并输入CMD
3.2 输入cd 目录路径 例如 :
CD D:\phpStudy\PHPTutorial\WWW\git\DSMall_h5\dsmall
npm install
源文件目录下 public/config.js 为配置文件
const env = { 'H5_HOST': 'https://dsmallh5.csdeshang.com', 'API_HOST': 'https://dsmall.csdeshang.com/api', 'SITE_URL': 'https://dsmall.csdeshang.com', 'DEBUG': true, 'ENCRYPTED': false, }
H5_HOST:H5网页地址
API_HOST:API接口地址
SOCKET_HOST:即时聊天接口地址
SITE_URL:网站地址
npm run serve
npm run build
编译完成之后,会在当前目录生成一个名称为 dist的目录,此目录为编译好的文件。 把此文件上传至服务器 单独为h5配置域名即可。
如果开发环境遇到跨域的问题 手机端弹出Network Error,则可以尝试以下方法
首先谷歌快捷方式上右击,在下拉列表中选择属性。
2
打开属性窗口,切换到快捷方式选项卡下面,默认是常规选项卡。
3
在目标路径的后面添加【 --disable-web-security】,格式如下:C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security,其中chrome.exe与--disable之间有一个空格
4
点击应用,然后点击确定关闭窗口。
5
如果目标中的路径含有双引号,则在双引号的外面添加。
6
关闭浏览器重新通过桌面快捷方式的形式打开浏览器,浏览器提示"您使用的是不受支持的命令行标记: --disable-web-security。稳定性和安全性会有所下降",说明设置成功。
如有不完整或不清楚,请咨询官方客服