如何使用http-server启用一个本地的服务浏览器并不支持这样的方式所以我们要启用一个本地的服务 npx 安装本地

在做一个练习的时候使用的是index.html文件
然后想使用import导入一个其他的js文件调用里面的方法进行一个本地的查看但是打开浏览器中显示跨域

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script type="module">
    // 求和的方法
    import add from './esm/add.js';
    console.log(add(1,2));
  </script>
</body>
</html>

浏览器并不支持这样的方式在这里插入图片描述

所以我们要启用一个本地的服务

npx 安装本地服务

npx http-server

安装后会给你几个ip
打开ip后可以看到浏览器里显示了你的目录文件
再次点击index.html 就是用本地服务来使用index.html
也就不会跨域了