vscode插件live Server

live Server

使用vscode默认浏览器(Chrome)打开html文件,js加载文件出现跨域报错:
在这里插入图片描述

Access to XMLHttpRequest at from origin 'null' has been blocked by CORS policy: 
Cross origin requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, chrome-untrusted, https.

下载:live Server
在这里插入图片描述

在这里插入图片描述

开启live Server成功:显示端口号是多少
在这里插入图片描述
右键html文件,选择“Open with Live Server”
在这里插入图片描述
在这里插入图片描述
就没有报错信息了~


如果要更改默认的端口号:
①在扩展商店找到live Server插件:
在这里插入图片描述
②.打开扩展设置:
在这里插入图片描述
③.找到port的更改的settings.json文件 打开:
在这里插入图片描述
④填写你要更改的端口号:
在这里插入图片描述
⑤.重启插件
再次打开为更改后的端口号了
在这里插入图片描述
在这里插入图片描述

Guess you like

Origin blog.csdn.net/weixin_41056807/article/details/109533221