[vue] 新项目配置整理(没写完,回头有空继续)

省流版(vue2项目):

脚手架:vue create xxxx

vuex:npm i vuex@3

router : npm install vue-router@3

vue cli创建项目

javascript 复制代码
vue create xxxx(项目名称)

添加基本配置

javascript 复制代码
module.exports = {
    lintOnSave: false, // 关闭eslint检查
    publicPath:'./', // 部署应用包时的基本 URL
    devServer: {
        proxy: { // 代理设置
            '/api': { // 配置代理解决同源策略问题 
                target: 'https://xxxxx',
                changeOrigin: true,
                pathRewrite: { '^/api': '' },
                ws: true
            }
        }
    }
}

// 在以下情况下,应当避免使用相对 publicPath:
// 当使用基于 HTML5 history.pushState 的路由时;
// 当使用 pages 选项构建多页面应用时。

配置vuex

这里要注意版本问题

vuex现在有 3 和 4 两个版本,一定要加尤其是vue2项目,一定要加@3,别看官网上那个,不对

vue2 装 vuex3 :

javascript 复制代码
npm install vuex@3 --save

vue3 装 vuex4 :

javascript 复制代码
npm install vuex@4 --save
相关推荐
哎呦你好16 分钟前
【CSS】Grid 布局基础知识及实例展示
开发语言·前端·css·css3
盛夏绽放25 分钟前
接口验证机制在Token认证中的关键作用与优化实践
前端·node.js·有问必答
zhangxingchao42 分钟前
Jetpack Compose 之 Modifier(中)
前端
JarvanMo42 分钟前
理解 Flutter 中 GoRouter 的context.push与context.go
前端
pe7er1 小时前
使用 Vue 官方脚手架创建项目时遇到 Node 18 报错问题的排查与解决
前端·javascript·vue.js
星始流年1 小时前
前端视角下认识AI Agent
前端·agent·ai编程
pe7er1 小时前
使用 types / typings 实现全局 TypeScript 类型定义,无需 import/export
前端·javascript·vue.js
CH_Qing1 小时前
【udev】关于/dev 设备节点的生成 &udev
linux·前端·网络
小诸葛的博客1 小时前
gin如何返回html
前端·html·gin
islandzzzz1 小时前
(第二篇)HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html