vue 3怎么解决跨域

2025-04-08 12:49:12

1、使用webstorm新建一个项目,取名vue-test

vue 3怎么解决跨域

2、点击terminal,打开命令行窗口

vue 3怎么解决跨域

3、使用命令 cnpm install -g vue-cli 全局安装vue-cli

vue 3怎么解决跨域

4、输入命令 vue init webpack,构建一个空的vue工程

vue 3怎么解决跨域

5、弹出提示默认回车,选择yes就行

vue 3怎么解决跨域

6、项目构建完成之后,使用npm run dev 即可运行项目

vue 3怎么解决跨域

7、再首页面里面加加入一个链接,添加点击事件,事件为一个axios请求另外一个服务

vue 3怎么解决跨域
vue 3怎么解决跨域

8、配置config下面的index.js,截图如下

vue 3怎么解决跨域

9、点击页面链接,就实现从你本地的8080跨域至了本地的8880服务器中

vue 3怎么解决跨域
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢