一、本地无法启动
解决方案:
1、连接后台本地服务器,前提是后台的本地服务器能连项目的服务器
2、连接项目中的开发环境
第一步:先解决Chrome跨域问题,49之前的版本和49之后的版本处理方法不同。具体如下:
Windows:
1.关闭所有的chrome浏览器。
2.新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加 --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData
3.通过快捷方式打开谷歌浏览器
MAC:
1. 打开终端
2. 输入下面的命令( 需要替换路径中的yourname)
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/
注意
网上有些文章--user-data-dir参数后面没有添加文件夹名,是设置不成功的。
保证该路径/Users/yourname/下存在MyChromeDevUserData文件夹,没有文件夹MyChromeDevUserData,可以自己新建一个
Chrome49之前的版本:
Windows:
1.关闭所有的chrome浏览器。
2.新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加--args --disable-web-security --user-data-dir
3.通过快捷方式打开谷歌浏览器
MAC:
1. 打开终端
2. 输入下面的命令( 需要替换路径中的yourname)
open -a "Google Chrome" --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/
dir等号后面的就是谷歌在mac本机的地址
注意
相对于新版本不需要新建添加MyChromeDevUserData文件夹
可以增加 --allow-running-insecure-content 解决混合内容问题
第二步:将node升级到最新版本
用nvm包管理器升级
第三步:全局安装http-server
npm install -g http-server
第四步:vscode打开项目文件,一直cd 到 static文件夹中,
http-server -p 8086 -P 后面接上开发环境地址或者后台本地服务器地址即可
如:后台地址为10.60.124.211 端口为8080
http-server -p 8086 -P http://10.60.124.211:8080即可
第五步:在浏览器打开
http://127.0.0.1:8086/#/login
注意:如果不行,可以尝试更改不同端口号进行
http-server -p 8086 -P 可改为 http-server -p 8085 -P