vue项目部署后Uncaught SyntaxError: Unexpected token ＜

最新推荐文章于 2024-08-27 13:33:46 发布

白不懂黑的静

最新推荐文章于 2024-08-27 13:33:46 发布

阅读量1.2w

点赞数 3

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/yyj108317/article/details/110872547

版权

VUE 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1、现象

在vue项目部署后，出现如下错误：

2、原因

网上查了许多，说的问题也很多，这里说下我的问题原因

其实说白了，是因为我的vue.config.js中配置了属性

module.exports = {
    // 基本路径
    publicPath:'/demo/',

然后就导致了，在我打包好的index.html中的所有静态资源，*.js、*.css等，在其路径上都会给我配置了这个路径

下面是index.html的片段

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/syzz/favicon.ico">
    <title>syzz-web</title>
    <link href="/demo/static/js/about.8a473333.js" rel="prefetch">
    <link href="/demo/static/css/app.6faa8042.css" rel="preload" as="style">
    <link href="/demo/static/css/chunk-vendors.767f701c.css" rel="preload" as="style">
    <link href="/demo/static/js/app.f28a5edd.js" rel="preload" as="script">
    <link href="/demo/static/js/chunk-vendors.74b6dafe.js" rel="preload" as="script">
    <link href="/demo/static/css/chunk-vendors.767f701c.css" rel="stylesheet">
    <link href="/demo/static/css/app.6faa8042.css" rel="stylesheet">
</head>

而实际上，index与静态资源的位置是这样的》