[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
相关推荐
s11show_16321 分钟前
hz修改后台新增keyword功能
android·java·前端
二个半engineer28 分钟前
Web常见攻击方式及防御措施
前端
co松柏34 分钟前
程序员必备——AI 画技术图技巧
前端·后端·ai编程
前端大白话38 分钟前
前端人速码!10个TypeScript神仙技巧,看完直接拿捏项目实战
前端·javascript·typescript
五号厂房39 分钟前
React 异步回调中产生的闭包问题剖析及解决
前端
用户20311966009640 分钟前
GeometryProxy 和 GeometryReader 的区别
前端
前端大白话40 分钟前
前端必看!10个React实战技巧让你代码起飞,附超详细注释
前端·javascript·react.js
bigyoung42 分钟前
使用 Arco Design 的 Table 组件实现可编辑列
前端·react.js·arco design
前端大白话44 分钟前
前端必学!10 个超实用 Vue3 实战技巧大放送
前端·javascript·vue.js
谦谦橘子1 小时前
手写react-router,理解react-router原理
前端·javascript·react.js