[vue] 新项目配置整理（没写完，回头有空继续）

Voices_2023-07-28 15:30

省流版(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