首先,我们需要安装 Vue CLI 4.x 版本,以便能够创建 Vue3.0 项目。

安装命令如下:

npm install -g @vue/cli

安装完成后,我们可以使用以下命令来创建一个新的 Vue3.0 项目:

vue create my-project

在创建过程中,我们需要选择使用 Vue3.0 版本,可以在如下界面中进行选择:

Please pick a preset: 
  default (babel, eslint) 
  Manually select features 
> Vue 3.x (Preview) # 选择 Vue3.0 版本

创建完成后,我们需要配置代理文件,以便解决跨域问题。

在项目根目录下创建一个 vue.config.js 文件,并添加如下内容:

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 代理的后端地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 去掉/api前缀
        }
      }
    }
  }
}

以上代码意味着,我们将请求 /api 开头的地址都代理到了 http://localhost:3000 这个后端地址,同时去掉了 /api 前缀。

这样,我们就完成了 Vue3.0 项目的创建和代理文件的配置

新建一个vue30前端工程并提供代理文件

原文地址: https://www.cveoy.top/t/topic/eChc 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录