Vue项目中使用@路径

布满荆棘的人生 2022-10-06 01:56 186阅读 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 条评论，186人围观）

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

相关阅读

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

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

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

相关 vue项目中使用vue-router

要使用vue-router,首先需要在项目根目录的package.json中添加依赖 ![1693641-20190827165636955-1068332743.png][

淡淡的烟草味﹌/ 2023年06月05日 08:25/ 0 赞/ 92 阅读

相关 Vue项目中动态绑定src路径

问题1 vue项目中图片路径为变量时不能显示，如下 <img :src="imgSrc" alt=""> this.MyimgSrc = ‘../../

野性酷女/ 2023年05月30日 15:58/ 0 赞/ 22 阅读

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

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

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

相关 vue使用@路径引入

vue使用@路径引入，这个在项目中很常见；项目中使用引入文件有时候路径比较深，需要使用"`../../../xx.js`"这种类似的路劲引入，这种方式比较笨，可以使用`we

清疚/ 2023年02月15日 07:59/ 0 赞/ 11 阅读

相关 vue项目中使用vue-router

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

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

相关 Vue项目中使用@路径

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

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

相关 vue中路径的配置使用

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

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

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

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

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

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

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

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