配置文档
安装node
进入https://nodejs.org/en/download/网站,选择自己电脑的版本(windows版本或mac版本),然后像安装QQ一样一直点击下一步即可。
也可参考此方法(https://jingyan.baidu.com/article/5552ef47812ba9518ffbc915.html)进行安装。
一、进入shop_b2b2c_mobile文件夹
Windows电脑
按住Ctrl+R,输入 cmd
(注意,windows电脑下不需要输入cd。命令行出现后,直接把文件夹拖进去即可按enter键)
MAC电脑
按住Command+空格 输入 terminal.app ,或直接点击,如下图。
二、输入npm install
(如果有红色报错可多试几次npm install 如果有黄色警告可以不用管)
如图
三、更改域名
将这里的shopsn.net或shopsn.cn的域名更改为自己的域名(注意前面的不要变)
例如:将mapi.shopsn.cn改成mapi.baidu.com
需要修改的地方如下:
开发接口域名更改
/config/index.js 替换域名(将下图红色内替换成微商城的api,此图仅为举例)
/config/globle.js 修改替换域名
网络接口请求域名更改
获取图片域名修改
修改常量中的微信域名
四、更改自己项目的logo
五、更改自己的项目名称
六、打包
重复步骤一,然后输入npm run build
显示以下信息即表示打包成功。如图
Build complete.
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
即表示打包成功。
进入shop_b2b2c_wx文件夹,可以看到生成了dist文件夹,这个文件夹就是我们要用的最终文件夹。
七、服务器配置(暂时弃用)
(解决去掉#号刷新后404的问题)
以linux的宝塔为例:
首页 --> 网站管理 --> 移动端项目 --> 点击“设置” --> 点击“伪静态” --> 输入如下内容(我们用的服务器是apach的)
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
Nginx配置
location / { try_files $uri $uri/ /index.html; }