4. 修改你的项目部署根目录 正常情况下一般都在vite.config.ts或vue.config.js或webpack.config.js里,取决于你使用了哪种脚手架。 以vite.config.ts为例,存在base字段中。参考代码vite-vue3-charts 如果你有封装的话,如上图,可能是一个变量,一般都在根目录的.env.production文件中,修改此变量的值即可。如下...
https://<用户名>.github.io/assets/index.bf782a5b.js,而我们的资源文件在/vue-pages/目录下,所以当然报错404,修复也很简单,如果你的Vue项目是基于 Vite 的构建的,需要修改vite.config.js,添加base:'./' exportdefaultdefineConfig({plugins:[vue(),vueJsx()],base:'./',// 将根路径换成相对路径resolv...
1. 创建一个vue项目 我们这使用vue-cli直接生成一个项目,确保全局安装了vue-cli脚手架,安装命令为npm install -g @vue/cli,打开控制台,输入以下命令:vue create 项目名,创建一个新项目,选择 默认配置。 2. 修改package.json文件 在package.json文件中增加一条命令,"homepage": "https://[github用户名].githu...
首先创建一个Github仓库,然后到仓库的Settings/Secret下,点击New repository secret将刚才保存的密钥保存,并命名为ACCESS_TOKEN(注意,如果这里的命名更改了,前面的yml文件中的${{ secrets.ACCESS_TOKEN }} 完成这些步骤后,当你将新代码推送到 GitHub 仓库的主分支(通常是 main)时,GitHub Actions 将会自动运行,并将构...
将Vue 项目挂在 GitHub 上有以下几个步骤: 步骤一:在 GitHub 上创建一个新的仓库 1. 打开 GitHub 网站,登录到你的账号。 2. 点击右上角的 “New” 按钮,来创建一个新的仓库。 3. 输入仓库的名称,并选择是否设置为公共或私有仓库。 4. 如果需要,可以添加描述、选择许可证等信息。
如何将Vue项目部署到github上? 在github上创建两个仓库,一个放源码,一个放展示页面。放源码的仓库操作步骤照常。今天重点讲如何部署展示页面。 1.在github上创建仓库(xxx) 2.在项目文件夹中的vue.config.js中插入 publicPath: process.env.NODE_ENV === 'production' ...
在本地打包vue项目 npm run build //根目录下生成dist文件,即项目的静态资源 1. 重点来了!!! 先把dist下的index.html打开看下是否可以正常显示,如果页面显示空白,说明路劲不对,解决方法就是: vue-cli3.0 脚手架搭建完成后,项目目录中已经没有 vue.config.js了,官方文档也有说明如有需要自己配置(看官方文档的...
STEP 1: 创建Vue3项目 这篇文章是面向对vue3前端框架有一定了解的同学滴(有兴趣的也行hh) Vue项目的开发过程中,up还是很推荐大家用Jetbrains全家桶中的WebStorm作为IDE的。什么?要花钱?速来关注Up然后咱私信见🐶(限Mac用户) STEP 2: 创建一个 Github 仓库 ...
STEP 1: 创建Vue3项目 这篇文章是面向对vue3前端框架有一定了解的同学滴(有兴趣的也行hh) Vue项目的开发过程中,答主还是很推荐大家用Jetbrains全家桶中的WebStorm作为IDE的。什么?要花钱?速来关注答主然后咱私信见 (限Mac用户 STEP 2: 创建一个 Github 仓库 ...