vue 根路径配置vue.config.js

29 篇文章 1 订阅

```javascript
// vue的配置文件
module.exports = {
    lintOnSave: false,//配置无效解决
    devServer: {
        proxy: {
            "/api": {
                ws: false,
                // 只需要改动target 改成后端接口的根路径
                // 我们把后端接口的根路径代理成立/api
                // 这种方式只存在开发阶段 如果项目上线了 后端会处理跨域
                target: "根路径",
                changeOrigin: true,
                pathRewrite: {
                    "^/api": "",
                },
            },
        },
    },
};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 2中,可以使用vue.config.js文件来配置Vue项目。以下是一些常见的配置选项: 1. 创建vue.config.js文件:在项目目录下,创建一个名为vue.config.js的文件。 2. 导出配置对象:在vue.config.js文件中,导出一个包含配置选项的JavaScript对象。例如: ```javascript module.exports = { // 配置选项 } ``` 3. 配置选项:据你的需求,添加或修改适当的配置选项。一些常见的选项包括: - publicPath: 设置公共路径,用于部署到静态服务器或CDN上。 - outputDir: 设置输出目录,默认为dist。 - assetsDir: 设置静态资源的目录(相对于outputDir)。 - devServer: 配置开发服务器选项,例如代理、端口号等。 - productionSourceMap: 是否生成生产环境的源映射文件。 - css: 配置CSS相关选项,例如提取CSS、CSS预处理器等。 以下是一个示例配置文件的例子: ```javascript module.exports = { publicPath: '/', outputDir: 'dist', assetsDir: 'static', devServer: { port: 8080, proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, pathRewrite: { '^/api': '' } } } }, productionSourceMap: false, css: { extract: true, sourceMap: false } } ``` 请据你的项目需求,自行添加或修改其他配置选项。配置完成后,重新启动开发服务器或运行打包命令,配置将会生效。 注意:以上是一些常见的配置选项,更详细的配置项可以参考Vue CLI官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值