vue3创建vue2.x项目

    科技2024-10-05  16

    文章目录

    创建项目添加插件解决跨域问题

    因为一些原因更新了node,再次安装vue时,莫名的就vue3了。

    好吧,但是以前的项目还是vue2的,所以顺便尝试了下vue3创建vue2项目。

    创建项目

    首先是创建,以前是使用vue init创建,现在是vue create,然后在创建时,可以选择2还是3;如果选择3还有一些其它选项(比如是否安装vue-router,axios等)。

    添加插件

    一般来说vue-router和axios是要添加的;也很简单,在项目下面直接使用sudo vue add router、sudo vue add axios就可以了。

    需要注意的是这里,因为vue3创建的项目带用.git目录,在*nix系统下有些上当录会有权限的问题,需要添加权限,或按项目需求去掉.git

    解决跨域问题

    假设api接口地址是:http://127.0.0.1:9898/api/v1/tags

    根目录下手动添加vue.config.js,然后添加如下配置:

    module.exports = { devServer: { proxy: { "/api/v1": { target: "http://127.0.0.1:9898/", // 域名 changeOrigin: true, //开启代理解决跨域问题 pathRewrite: { '^/api/v1': '/api/v1' } } }, } };

    懒了。。。就这样吧,后面的不写了。。。

    Processed: 0.009, SQL: 8