1.vscode软件中安装插件(live server)
2.在vscode软件中点开你的HTML文件,进行反键找到(open with live server)
3.电脑默认的浏览器会自动打开一个页面,接口跨域时,需要后端将页面地址写入到白名单中,但是由于每次live server时打开的页面链接端口都不太一样,因此此时需要更改live server启动的端口号
4.更改live server启动端口号,使用快捷键ctrl+,打开设置面板
5.将区域切换到工作区后,在到输入框中输入 (live server)
6.找到(在setting.json中编辑)关键字进行点击,然后在配置文件中添加——"liveServer.settings.port": xxxx,
7.重点就是这一行:"liveServer.settings.port": 64467,
此时的端口号可以跟后端协商,统一一个端口号。文章来源地址https://www.yii666.com/blog/361711.html
保存配置后,重新在html页面中右击执行open with live server,此时就会发现端口号已改。
1.搭建Nodejs静态服务器,在终端中输入(node -v)查看安装了没有,没有安装到Node官网,找到对应系统的版本下载
2.安装live-server模块,输入npm install -g live-server进行下载
3.启动静态服务器,输入live-server开启静态服务器
4.出现一个目录,找到你要打开的html就行了