Vue项目中使用@路径

布满荆棘的人生 2022-10-06 01:56 170阅读 0赞

第一步：安装一下path

npm  install  path  --save

第二步：在vue.config.js文件中配置一下

const path = require("path");
    function resolve(dir) {
        return path.join(__dirname, dir);
    }
    module.exports = {
        //跨域配置
        devServer: {
            proxy: {
                '/java': {//以/java开头的地址会被替换成下面的target，/java本身会被重写成下面的pathRewrite
                    target: 'http://zaxytest.ciih.net/',  // 后台api
                    changeOrigin: true,  //是否跨域
                    // secure: true,
                    pathRewrite: {
                        '^/': ''   //需要rewrite的,
                    }
                }
            }
        },
        //@路径配置
        chainWebpack: config => {
            config.resolve.alias
                .set("@", resolve("src"))
                .set("assets", resolve("src/assets"))
                .set("components", resolve("src/components"))
                .set("base", resolve("baseConfig"))
                .set("public", resolve("public"));
        },
    };

第三步：重启服务

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目中路径使用的@和~的区别

首先：@和~ 都是在路径访问时使用的。 1. @ 使用说明 @这是webpack设置的路径别名。在build/webpack.base.conf这个文件里面定义。

- 日理万妓/ 2023年10月11日 14:03/ 0 赞/ 13 阅读

相关 Vue项目中文件路径问题

Vue项目中文件路径问题在我们写Vue项目中的时候，路径是很令人苦恼的东西，比如：src 引入资源的时候 <img slot="item-icon-act

约定不等于承诺〃/ 2023年03月04日 08:29/ 0 赞/ 221 阅读

相关 vue项目中使用vue-router

说明 > 此处仅做简单记录，并没有做详细的整理。操作步骤 1、通过以下命令安装路由，如下： npm install vue-router --s

小鱼儿/ 2023年01月13日 05:58/ 0 赞/ 314 阅读

相关 Vue项目中使用@路径

第一步：安装一下path npm install path --save 第二步：在vue.config.js文件中配置一下 const path

布满荆棘的人生/ 2022年10月06日 01:56/ 0 赞/ 171 阅读

相关 vue 项目中使用 jquery

在 vue 项目中使用 jquery，具体步骤如下 1、npm 安装 jquery 命令如下，@ 后边指定安装的 jquery 版本 npm install

╰+攻爆jí腚メ/ 2022年01月22日 04:55/ 0 赞/ 674 阅读

相关 Vue项目中使用Vux

最近想用vue+vux写一个项目，于是到vux的官网看了文档开始着手搭建项目，但是遇到一些坑。下面简单说下安装vux 的过程。默认已安装vue环境 1.安装vux

蔚落/ 2021年12月12日 12:43/ 0 赞/ 399 阅读

相关 vue中路径的配置使用

绝对路径使用：在项目中build文件夹下的webpack.base.conf.js的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_

亦凉/ 2021年09月19日 14:58/ 0 赞/ 425 阅读

相关 vue项目笔记（8）-路径别名的使用

vue中路径别名的使用在vue项目中，我们通常需要引入很多文件，但是在编写文件路径的时候很是麻烦，很多地方都是重复的路径前缀且容易出错。这个时候我们可以通过定义别名在简

红太狼/ 2021年09月16日 02:12/ 0 赞/ 475 阅读

相关 vue项目中使用echarts

vue项目中使用echarts 一、使用场景在项目开发中，我们往往会遇到数据统计方面的需求，这时候为了直观的呈现数据，我们需要制作图表。此时，我们可以使用

朴灿烈づ我的快乐病毒、/ 2021年08月30日 11:51/ 0 赞/ 535 阅读

相关 vue项目，webpack中配置src路径别名及使用

默认会有‘@’别名，指向src目录，还可以添加自定义别名等等。使用方法使用别名一般就三种情况：在js中用，在css中用，在html文档内用 js中用，最简单:

骑猪看日落/ 2021年08月28日 16:36/ 0 赞/ 1129 阅读