之前项目一直都是用的vue2+element+npm,这次尝试vue3
我选择前后端分离,vue3+element-plus+vite源码地址:GitHub - yangzongzhuan/RuoYi-Vue3: :tada: (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
这次尝试使用yarn安装,在安装vite的时候,遇到了一个问题:
所以打算安装nvm来切换node版本,具体看我另一篇文章:
使用nvm随时切换node版本,解决node版本兼容问题-CSDN博客
安装vite
下载好项目之后,解压cmd
全局安装yarn
npm install --global yarn
npm install --global yarn
安装依赖
yarn --registry=https://registry.npmmirror.com
# 安装依赖
yarn --registry=https://registry.npmmirror.com
启动服务
yarn dev
# 启动服务
yarn dev
遇到问题:
yarn : 无法加载文件 C:\Users\xxxxx\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + yarn install + ~~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess
解决办法:
1、搜索powershell,右键以管理员身份运行
2、若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本,请使用以下命令将计算机上的 执行策略更改为 RemoteSigned
执行:set-ExecutionPolicy RemoteSigned 输入 :y(确认)
3、查看执行策略:get-ExecutionPolicy
再回到项目yarn dev
config.js的target
项目启动报错404,F12查看报错接口,把接口路径修改为可以使用的后端路径
即可运行项目
后续再持续更新...