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

1、现象在vue项目部署后，出现如下错误：2、原因网上查了许多，说的问题也很多，这里说下我的问题原因其实说白了，是因为我的vue.config.js中配置了属性module.exports = {// 基本路径publicPath:'/demo/',然后就导致了，在我打包好的index.html中的所有静态资源，*.js、*.css等，在其路径上都会给我配置了这个路径下面是index.html的片

白不懂黑的静

12863人浏览 · 2020-12-08 14:33:27

白不懂黑的静 · 2020-12-08 14:33:27 发布

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与静态资源的位置是这样的》