【sprintboot+vue3】解决前后端分离项目遇到的问题

目录

[一、Access to XMLHttpRequest at 'http://127.0.0.1:8088/api/hello' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.](#一、Access to XMLHttpRequest at 'http://127.0.0.1:8088/api/hello' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.)

二、报错[@vue/compiler-sfc]


一、Access to XMLHttpRequest at 'http://127.0.0.1:8088/api/hello' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

报错:

原因:来自一个IP端口的页面(前端项目),要访问另一个IP端口的资源(springboot请求接口),会产生跨域访问。跨域问题导致的。

解决:

二、报错[@vue/compiler-sfc] <script> and <script setup> must have the same language type.

原因:在Uniapp + Vue2 项目升级到 Vue3+Ts时,如果<script>使用了setup语法糖,则无法用export default 导出 App.vue中的 globalData全局变量,其他页面就无法通过getApp()方法来获取globalData已实现好的方法和全局变量。

解决:保持一致,

ok,重启vue,就可以了。

相关推荐
IT从业者张某某18 小时前
less 工具 OpenHarmony PC适配实践
前端·microsoft·less
行走的陀螺仪19 小时前
vue3-封装权限按钮组件和自定义指令
前端·vue3·js·自定义指令·权限按钮
isyuah19 小时前
vite-plugin-openapi-ts CLI 使用指南
前端·vite
qq_3985865419 小时前
浏览器中内嵌一个浏览器
前端·javascript·css·css3
abiao198120 小时前
如何在 VSCode 中创建 Vue 项目
ide·vue.js·vscode
Mapmost20 小时前
地图引擎性能优化:解决3DTiles加载痛点的六大核心策略
前端
San30.20 小时前
Ajax 数据请求:从 XMLHttpRequest 到现代前端数据交互的演进
前端·ajax·交互
西西西西胡萝卜鸡20 小时前
虚拟列表(Virtual List)组件实现与优化铁臂猿版(简易版)
前端·vue.js
宇余20 小时前
Unibest:新一代uni-app工程化最佳实践指南
前端·vue.js
*小雪21 小时前
uniapp写H5授权登录及分享,返回到目标页面
开发语言·javascript·uni-app