修改vue路径,vue访问路径加固定前缀

　　本文介绍了vue为自定义路径设置别名的方法，对大家的学习或工作有一定的参考价值。和有需要的朋友一起学习吧。

Vue中如何配置自定义路径别名

　　在我们的日常开发中，经常会导入一些模块或组件。如果采用相对路径：

　　从导入用户编辑器./././././组件/工具；

　　会显得臃肿，多余。如果引用稍有错误，就会出现-404错误，这并不优雅，经常会出现404错误。如果文件发生变化，要找一个新的路径逐个修改，非常麻烦。vue cli3版本3或以上在node_modules中提供文件别名功能。不过建议没有特殊要求，把node_modules的代码改少一点。

　　创建vue.config.js并编写配置代码。

　　模块.导出={

　　configureWebpack: {

　　解决：{

　　别名：{//配置别名，修改后需要重新编译才能生效。

　　资产: @/资产，

　　common: @/common ，

　　组件: @/组件，

　　网络: @/网络，

　　视图: @/视图，

　　}

　　}

　　}

　　}

　　如下图：

　　注意：如果在HTML路径中使用别名，需要在引用前加上前缀“~”。

　　其他文件中的参考：

　　以上是边肖给大家介绍的vue为自定义路径设置别名的方法。希望对你有帮助。非常感谢您对我们网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。