vue3 + typeScript脚手架搭建笔记

2021-8-12 09:18:18

#前端#vue#webpack#vue-cli

0

前言

最近在试着用vue3 + typeScript重构我这个博客项目，但是在这过程中单单脚手架搭建就遇到了很多问题，因此作一笔记。

  • 脚手架： vue-cli 4.5.13 typeScript

笔记

Dev-Server配置

vue-cli文档 webpack配置

  • 为什么要配置dev-server?
  • 可以解决本地调试时的跨域问题
  • 这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000。
  • 配置文件 vue.config.js
// 代理配置
  devServer: {
    open: true, // 告诉 dev-server 在服务器启动后打开浏览器。 将其设置为 true 以打开默认浏览器
    hotOnly: true, // 启用热模块替换（请参见 devServer.hot ），而无需页面刷新作为构建失败时的回退
    proxy: {
      \"/api\": {    //api前缀的请求会被代理
        target: \"代理地址\",
        changeOrigin: false,
        secure: false,
      },
    },
  },

Github登录