angular1 遇到的坑

309 阅读2分钟

一、本地无法启动

解决方案:

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