[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
相关推荐
小叫花子1 分钟前
用 UniApp 开发微信小程序蓝牙通信功能
前端
勤奋菲菲12 分钟前
深入理解HTML文本标签:构建网页内容的基础
前端·html
昔人'19 分钟前
html`<mark>`
前端·javascript·html
云中雾丽22 分钟前
Flutter主流的本地存储方案
前端
ss27331 分钟前
手写Spring第7弹:Spring IoC容器深度解析:XML配置的完整指南
java·前端·数据库
前端拿破轮1 小时前
从0到1搭一个monorepo项目(二)
前端·javascript·面试
止观止1 小时前
XSS 攻击详解:原理、类型与防范策略
前端·xss
SuperherRo1 小时前
JS逆向-安全辅助项目&Yakit热加载&魔术方法&模版插件语法&JSRpc进阶调用&接口联动
javascript·安全·yakit·jsrpc·热加载
用户47949283569151 小时前
用|运算符写管道?Symbol.toPrimitive让JavaScript提前用上|>语法
前端·javascript
知识分享小能手1 小时前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app